:root { color-scheme: light; --ink: #112033; --muted: #607086; --line: #dddddd; --paper: #ffffff; --soft: #f7f7f7; --window-bg: #e8e8e8; --window-bg-raised: #f7f7f7; --window-border: #cfcfcf; --window-ink: var(--ink); --window-muted: var(--muted); --window-label: var(--section-label); --window-border-contrast: var(--window-border); --label-tab-bg: #ffffff; --label-tab-border: transparent; --label-tab-accent: #8cc9ed; --label-tab-hover-bg: #f7f8f9; --workspace-table-header-fill: #eef3f7; --workspace-backing: #f1f8fc; --lead-expanded-backing: var(--workspace-backing); --workspace-section-window-fill: var(--workspace-backing); --workspace-section-window-border: var(--window-border); --workspace-selected-accent: var(--primary); --workspace-action-chip-fill: #f7f7f7; --workspace-action-chip-border: color-mix(in srgb, var(--line) 92%, var(--accent)); --workspace-font-color: var(--window-label); --workspace-font-weight: 850; --workspace-field-card-fill: var(--window-bg-raised); --workspace-field-card-ink: var(--ink); --workspace-field-card-muted: var(--muted); --workspace-field-card-border: var(--window-border); --quote-option-selected-border: #5ed7ff; --app-label-font-boost: 0px; --app-micro-label-font-boost: 0px; --app-value-font-boost: 0px; --night: #101820; --primary: #112a5c; --accent: #1689c8; --section-label-accent-width: 3px; --brand-blue: var(--accent); --brand-gold: #f0a722; --gold: #f0a722; --theme-action-bg: var(--brand-blue); --theme-action-bg-hover: color-mix(in srgb, var(--theme-action-bg) 86%, #000); --theme-action-border: var(--theme-action-bg); --theme-action-text: #fff; --theme-action-accent: var(--brand-gold); --theme-control-active-bg: var(--primary); --theme-control-active-bg-hover: color-mix(in srgb, var(--theme-control-active-bg) 86%, #000); --theme-control-active-border: var(--theme-control-active-bg); --theme-control-active-text: #fff; --theme-control-selected-bg: color-mix(in srgb, var(--accent) 18%, var(--paper)); --theme-control-selected-border: color-mix(in srgb, var(--accent) 42%, var(--line)); --theme-control-selected-text: var(--ink); --theme-focus-ring: color-mix(in srgb, var(--accent) 38%, transparent); --va-active-bg: #3d1a78; --va-active-border: #3d1a78; --va-active-text: #fff; --theme-sidebar-active-bg: var(--primary); --theme-sidebar-active-text: #fff; --option-1: var(--primary); --option-2: var(--accent); --option-3: var(--brand-gold); --option-1-text: #fff; --option-2-text: #fff; --option-3-text: #000; --option-1-token-text: var(--option-1); --option-2-token-text: var(--option-2); --option-3-token-text: #000; --green: #13753a; --red: #cc2431; --section-label: var(--primary); --shadow: 0 18px 50px rgba(16, 24, 32, 0.13); --radius: 8px; --control-section-surface: var(--workspace-section-window-fill); --control-section-border: var(--workspace-section-window-border); --lead-sticky-header-height: 0px; --lead-frozen-top-stack-height: 0px; font-family: Inter, "Segoe UI", Arial, sans-serif; } [data-app-text-size="larger"] { --app-label-font-boost: 1px; --app-micro-label-font-boost: 1px; --app-value-font-boost: .5px; } [data-app-text-size="largest"] { --app-label-font-boost: 2px; --app-micro-label-font-boost: 1.5px; --app-value-font-boost: 1px; } [data-theme="dark"] { color-scheme: dark; --ink: #edf5fb; --muted: #9fb0c4; --line: #34363a; --paper: #191b1f; --soft: #111214; --window-bg: #202225; --window-bg-raised: #282a2e; --workspace-backing: #13212d; --lead-expanded-backing: var(--workspace-backing); --workspace-section-window-fill: var(--workspace-backing); --workspace-section-window-border: var(--window-border); --window-border: #3f4247; --window-ink: var(--ink); --window-muted: var(--muted); --window-label: var(--section-label); --window-border-contrast: var(--window-border); --label-tab-bg: #282a2e; --label-tab-border: transparent; --label-tab-accent: #80c4eb; --label-tab-hover-bg: #303237; --night: #080d12; --green: #54c782; --red: #ff6670; --section-label: #bfe0f7; --shadow: 0 18px 50px rgba(0, 0, 0, 0.35); } * { box-sizing: border-box; } html { min-height: 100%; overscroll-behavior-y: auto; } body { margin: 0; color: var(--ink); background: var(--soft); min-height: 100dvh; overscroll-behavior-y: auto; -webkit-overflow-scrolling: touch; } a { color: inherit; text-decoration: none; } button, input, select { font: inherit; } select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: none !important; } select::-ms-expand { display: none; } [hidden] { display: none !important; } .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .site-shell { min-height: 100vh; background: linear-gradient(120deg, rgba(22, 137, 200, 0.12), transparent 34%), linear-gradient(180deg, #fff 0%, #f4f7fa 62%, #fff 100%); } @supports (height: 100dvh) { .site-shell,.app-shell { min-height: 100dvh; } .sidebar { height: 100dvh; min-height: 100dvh; } } .topbar { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; max-width: 1180px; padding: 24px 28px; } .brand { align-items: center; display: flex; min-width: 0; } .brand-logo { display: block; height: 104px; object-fit: contain; width: auto; } .landing-brand .brand-logo { height: 220px; } .landing-brand .brand-logo-mask { height: 220px; width: 316px; } .logo-dark { display: none; } .adaptive-logo { display: none; position: relative; } .brand-logo-mask, .quote-logo-mask { height: 104px; width: 150px; } .adaptive-logo span { inset: 0; position: absolute; } .adaptive-logo .logo-blue { background: linear-gradient(135deg, var(--primary), var(--accent)); -webkit-mask: url("/assets/streamquote-logo-blue-mask.png") center / contain no-repeat; mask: url("/assets/streamquote-logo-blue-mask.png") center / contain no-repeat; } .adaptive-logo .logo-orange { background: linear-gradient(135deg, color-mix(in srgb, var(--brand-gold) 78%, #b95300), var(--brand-gold)); -webkit-mask: url("/assets/streamquote-logo-orange-mask.png") center / contain no-repeat; mask: url("/assets/streamquote-logo-orange-mask.png") center / contain no-repeat; } [data-logo-treatment="adaptive"] .brand-logo, [data-logo-treatment="mono"] .brand-logo, [data-logo-treatment="adaptive"] .quote-logo, [data-logo-treatment="mono"] .quote-logo { display: none !important; } [data-logo-treatment="adaptive"] .brand-logo-mask, [data-logo-treatment="mono"] .brand-logo-mask, [data-logo-treatment="adaptive"] .quote-logo-mask, [data-logo-treatment="mono"] .quote-logo-mask { display: block; } [data-logo-treatment="mono"] .adaptive-logo .logo-blue, [data-logo-treatment="mono"] .adaptive-logo .logo-orange { background: var(--primary); } [data-theme="dark"] .topbar .logo-light, .sidebar .logo-light { display: none; } [data-theme="dark"] .topbar .logo-dark, .sidebar .logo-dark { display: block; } .sidebar .brand { justify-content: center; margin-bottom: 22px; width: 100%; } .sidebar .brand-logo { height: 104px; max-width: 190px; } .sidebar .brand-logo-mask { height: 104px; width: 150px; } .sidebar-company-logo { display: none !important; height: 92px; max-width: 184px; object-fit: contain; width: auto; } .sidebar-account-card { background: rgba(255,255,255,.055); border: 1px solid rgba(203,215,226,.16); border-radius: 8px; display: grid; gap: 4px; margin: -10px 0 16px; min-width: 0; padding: 10px 11px; width: 100%; } .sidebar-account-card strong { color: #fff; display: block; font-size: 14px; font-weight: 900; line-height: 1.12; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidebar-account-card span { color: #b9c8d7; display: block; font-size: 11px; font-weight: 760; line-height: 1.18; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidebar-account-card em { align-self: start; background: rgba(22,137,200,.18); border: 1px solid rgba(92,183,232,.28); border-radius: 999px; color: #dff5ff; display: inline-flex; font-size: 10px; font-style: normal; font-weight: 950; justify-content: center; line-height: 1; margin-top: 4px; max-width: 100%; padding: 5px 8px; text-transform: uppercase; width: fit-content; } .sidebar-account-admin-link { display: none; } .nav-actions { align-items: center; display: flex; gap: 12px; position: relative; } .btn { align-items: center; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; display: inline-flex; font-weight: 750; justify-content: center; min-height: 42px; padding: 10px 16px; text-decoration: none; } .btn:disabled { cursor: wait; opacity: .64; } .btn.primary { background: var(--theme-action-bg); border-color: var(--theme-action-border); color: var(--theme-action-text); } .btn.primary:hover,.btn.primary:focus { background: var(--theme-action-bg-hover); border-color: var(--theme-action-bg-hover); color: var(--theme-action-text); outline: 0; } .btn.ghost { background: rgba(255,255,255,.76); } .signout-button { color: #38475b; font-weight: 600; min-width: 92px; white-space: nowrap; } .signout-button:hover,.signout-button:focus { border-color: var(--accent); color: var(--accent); outline: 0; } .sidebar-signout-button { display: none; } .btn.billing { background: #f233a6; border-color: #f233a6; color: #fff; } .btn.billing:hover,.btn.billing:focus { background: #d91f8d; border-color: #d91f8d; color: #fff; outline: 0; } .btn.bonzo { align-items: center; background: #f233a6; border-color: #f233a6; color: #fff; gap: 9px; } .btn.bonzo:hover,.btn.bonzo:focus { background: #d91f8d; border-color: #d91f8d; color: #fff; outline: 0; } .bonzo-mark { align-items: center; background: #fff; border-radius: 999px; display: inline-flex; flex: 0 0 auto; height: 24px; justify-content: center; overflow: hidden; width: 24px; } .bonzo-mark img { display: block; height: 24px; object-fit: contain; width: 24px; } .btn.is-active { background: var(--theme-control-selected-bg); border-color: var(--theme-control-selected-border); color: var(--theme-control-selected-text); } [data-theme="dark"] .btn.ghost { background: rgba(20,31,43,.84); color: var(--ink); } .btn.danger { background: #fff0f0; border-color: #ffd0d0; color: var(--red); } .hero { display: grid; gap: 46px; grid-template-columns: minmax(0,.95fr) minmax(440px,1.05fr); margin: 0 auto; max-width: 1180px; padding: 40px 28px 80px; } .eyebrow { color: var(--primary); font-size: 13px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; } [data-theme="dark"] .eyebrow { color: #bfe0f7; } [data-theme="dark"] .panel .eyebrow,[data-theme="dark"] .settings-card .eyebrow,[data-theme="dark"] .rate-watch-panel .eyebrow { color: #bfe0f7; } h1,h2,h3,p { margin-top: 0; } h1 { font-size: 62px; line-height: 1.02; letter-spacing: 0; margin-bottom: 20px; } .lead { color: #38475b; font-size: 21px; line-height: 1.55; margin-bottom: 28px; } .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; } .hero-proof { background: rgba(255,255,255,.74); border: 1px solid rgba(219,227,236,.9); border-radius: 14px; box-shadow: var(--shadow); padding: 14px; } .product-window { background: #fff; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; } .window-bar { align-items: center; background: #eef3f7; border-bottom: 1px solid var(--line); display: flex; gap: 8px; padding: 12px; } .dot { border-radius: 999px; height: 10px; width: 10px; } .dot:nth-child(1){background:#cc2431}.dot:nth-child(2){background:#f0a722}.dot:nth-child(3){background:#13753a} .mock-grid { display: grid; gap: 12px; grid-template-columns: 150px 1fr; padding: 14px; } .mini-nav { background: var(--night); border-radius: 8px; color: #dbe8f2; padding: 12px; } .mini-nav div { border-radius: 6px; font-size: 13px; font-weight: 700; margin-bottom: 6px; padding: 9px 10px; } .mini-nav .active { background: var(--theme-sidebar-active-bg); color: var(--theme-sidebar-active-text); } .mock-main { display: grid; gap: 12px; } .mock-card,.feature-card,.option-card,.panel,.table-wrap,.quote-card,.metric-card,.settings-card { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius); } .mock-card,.option-card,.quote-card,.settings-card { padding: 18px; } .stat-row { display: grid; gap: 8px; grid-template-columns: repeat(3,1fr); } .stat,.detail,.requirement,.column-toggle,.color-field { background: #f6f9fb; border-radius: 7px; padding: 10px; } [data-theme="dark"] .stat,[data-theme="dark"] .detail,[data-theme="dark"] .requirement,[data-theme="dark"] .column-toggle,[data-theme="dark"] .color-field { background: #101a24; } .landing-shell { background: #f5f8fb; color: var(--ink); min-height: 100vh; overflow: hidden; } .landing-nav { align-items: flex-start; display: flex; justify-content: space-between; left: 0; margin: 0 auto; max-width: none; padding: 24px max(22px, calc((100vw - 1320px) / 2 + 22px)) 18px; position: absolute; right: 0; top: 0; z-index: 4; } .landing-nav-brand { align-items: center; color: #fff; display: inline-flex; font-size: 40px; font-weight: 900; gap: 14px; letter-spacing: 0; text-shadow: 0 4px 18px rgba(0,0,0,.38); } .landing-nav-brand img { display: block; height: 82px; object-fit: contain; width: 82px; } .landing-nav-brand strong { color: var(--brand-gold); } .landing-nav-brand-spacer { pointer-events: none; visibility: hidden; } .landing-nav-actions { align-items: flex-start; display: flex; gap: 10px; position: relative; z-index: 5; } .landing-login-trigger { min-width: 102px; } .landing-hero { align-items: start; display: grid; min-height: 478px; overflow: hidden; padding: 46px max(22px, calc((100vw - 1320px) / 2 + 22px)) 82px; position: relative; } .landing-hero::after { background: linear-gradient(90deg, rgba(7, 18, 32, .91) 0%, rgba(11, 32, 54, .78) 38%, rgba(11, 32, 54, .30) 68%, rgba(11, 32, 54, .08) 100%); content: ""; inset: 0; position: absolute; z-index: 1; } .landing-hero-bg { display: grid; gap: 26px; grid-template-columns: repeat(3, minmax(620px, 1fr)); inset: 0; opacity: .92; padding: 120px 0 70px 32%; position: absolute; transform: rotate(-2deg); z-index: 0; } .landing-hero-bg img { background: #fff; border: 1px solid rgba(255,255,255,.58); border-radius: 8px; box-shadow: 0 24px 80px rgba(0,0,0,.35); display: block; height: 480px; object-fit: cover; object-position: left top; width: 100%; } .landing-hero-copy { color: #fff; margin: 0; max-width: 1220px; position: relative; width: 100%; z-index: 2; } .landing-hero-copy .eyebrow { color: #bfeaff; } .landing-hero-brand-lockup { align-items: center; display: flex; gap: 13px; margin-bottom: 36px; } .landing-hero-brand-lockup img { display: block; height: 132px; object-fit: contain; width: 132px; } .landing-hero-wordmark { align-self: stretch; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding-top: 2px; } .landing-hero-wordmark > span { color: #fff; display: block; font-size: 66px; font-weight: 950; letter-spacing: 0; line-height: .95; text-shadow: 0 4px 18px rgba(0,0,0,.42); white-space: nowrap; } .landing-hero-wordmark > span strong { color: var(--brand-gold); } .landing-hero-wordmark .eyebrow { color: #8bdcff; font-size: 14px; letter-spacing: .07em; line-height: 1.1; margin-top: 12px; } .landing-hero-copy h1 { color: #fff; font-size: 44px; line-height: 1.1; margin: 0; max-width: 1040px; } .landing-hero-copy .lead { color: #e5f0f8; font-size: 24px; max-width: 720px; } .landing-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; } .landing-borrower-preview-btn,.landing-trial-cta { background: linear-gradient(135deg,#073665 0%,#0b4f91 100%); border-color: #0a477f; color: var(--brand-gold); font-weight: 950; } .landing-borrower-preview-btn:hover,.landing-borrower-preview-btn:focus,.landing-trial-cta:hover,.landing-trial-cta:focus { background: linear-gradient(135deg,#052d56 0%,#09467f 100%); border-color: #073665; color: var(--brand-gold); outline: 0; } .btn.primary.landing-trial-cta { background: linear-gradient(135deg,#073665 0%,#0b4f91 100%); border-color: #0a477f; color: var(--brand-gold); font-weight: 950; } .btn.primary.landing-trial-cta:hover,.btn.primary.landing-trial-cta:focus { background: linear-gradient(135deg,#052d56 0%,#09467f 100%); border-color: #073665; color: var(--brand-gold); outline: 0; } .landing-hero-actions .landing-trial-cta { box-shadow: none; min-width: 188px; } .landing-trial-note { color: #dcecf7; font-size: 13px; font-weight: 850; line-height: 1.35; margin: 10px 0 0; max-width: 560px; } .landing-hero-pills { display: flex; flex-wrap: wrap; gap: 17px; margin-top: 18px; } .landing-hero-pills + .landing-hero-actions { margin-top: 28px; } .landing-hero-pills span { background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.42); border-radius: 999px; color: #eff8ff; font-size: 13px; font-weight: 850; line-height: 1; padding: 9px 13px; } .landing-logo-band { align-items: center; background: linear-gradient(135deg, #ffffff 0%, #fbfdff 100%); border-bottom: 1px solid #e6edf4; border-top: 1px solid #e6edf4; display: grid; gap: 36px; grid-template-columns: minmax(400px, .68fr) minmax(0, 1fr); margin: 0 auto; padding: 30px max(28px, calc((100vw - 1320px) / 2 + 22px)); } .landing-logo-band > div:first-child { max-width: 460px; width: 100%; } .landing-logo-band h2 { font-size: 29px; line-height: 1.14; margin-bottom: 0; max-width: 460px; } .landing-automation-band .eyebrow,.landing-instant-lender-band .eyebrow { color: #3aaee6; } .landing-automation-band { padding-bottom: 38px; padding-top: 38px; } .landing-automation-band h2 { font-size: 29px; } .landing-connect-copy { color: #516377; font-size: 14px; font-weight: 720; line-height: 1.55; margin: 12px 0 0; max-width: 460px; } .landing-lender-grid { align-items: center; display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); } .landing-lender-grid span { align-items: center; background: #fbfdff; border: 1px solid #e4edf5; border-radius: 8px; display: flex; height: 66px; justify-content: center; padding: 10px; } .landing-lender-grid img { display: block; max-height: 40px; max-width: 100%; object-fit: contain; width: auto; } .landing-instant-lender-band { gap: 24px; padding-bottom: 30px; padding-top: 30px; } .landing-instant-lender-band h2 { font-size: 29px; max-width: 460px; } .landing-instant-lender-band .landing-proof-strip { margin-top: 16px; } .landing-lender-grid.showcase { gap: 12px; } .landing-lender-grid.showcase span { background: #fbfdff; border-color: #e4edf5; box-shadow: none; height: 70px; padding: 10px 12px; } .landing-lender-grid.showcase img { filter: saturate(.72) contrast(.92); max-height: 43px; opacity: .82; } .landing-lender-grid.showcase img.landing-logo-blend { mix-blend-mode: multiply; } .landing-lender-grid.showcase img.landing-logo-badge { max-height: 52px; } .landing-lender-grid.showcase img.landing-logo-loanunited { max-height: 48px; } .landing-integrations-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); } .landing-integration-card { align-items: center; background: #fbfdff; border: 1px solid #e4edf5; border-radius: 8px; display: grid; gap: 2px 10px; grid-template-columns: 38px minmax(0, 1fr); min-height: 70px; padding: 10px 12px; } .landing-integration-card img { display: block; filter: saturate(.68) contrast(.92); grid-row: 1 / span 2; max-height: 34px; max-width: 38px; object-fit: contain; opacity: .82; width: auto; } .landing-integration-card img.landing-chip-icon { background: #f9fcff; border: 1px solid #dceaf3; border-radius: 8px; box-shadow: 0 4px 10px rgba(9, 28, 46, .04); height: 38px; max-height: 38px; max-width: 38px; padding: 3px; width: 38px; } .landing-integration-card img.landing-chip-icon.outlook { padding: 1px; } .landing-integration-card img.landing-chip-icon.lendingpad { background: #f7fbfe; padding: 5px; } .landing-integration-card img.landing-chip-icon.rate-watch { background: transparent; border: 0; box-shadow: none; padding: 0; } .landing-integration-card img.landing-chip-icon.loansifter { border-radius: 999px; padding: 1px; } .landing-integration-card img.landing-chip-icon.investor-rate-import { background: #f7fbfe; padding: 1px; } .landing-integration-card strong { color: var(--ink); font-size: 15px; line-height: 1.05; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .landing-integration-card em { color: #58687a; font-size: 12px; font-style: normal; font-weight: 760; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .landing-integration-card.feature-only { align-content: center; grid-template-rows: minmax(38px, auto); } .landing-integration-card.feature-only img { grid-row: 1; } .landing-integration-card.feature-only strong { align-self: center; font-weight: 560; line-height: 1.12; overflow: visible; text-overflow: clip; white-space: normal; } .landing-text-mark b { align-items: center; background: #eaf6ff; border: 1px solid #a9d8f2; border-radius: 999px; color: #0b70a8; display: inline-flex; font-size: 14px; font-weight: 950; grid-row: 1 / span 2; height: 34px; justify-content: center; width: 34px; } .landing-section { align-items: center; display: grid; gap: 34px; grid-template-columns: minmax(280px, .62fr) minmax(0, 1fr); margin: 0 auto; max-width: 1220px; padding: 58px 28px; } .landing-section-copy h2,.landing-cta h2 { font-size: 40px; line-height: 1.05; margin-bottom: 12px; } .landing-section-copy p { color: #4d5c70; font-size: 16px; line-height: 1.38; max-width: 620px; } .landing-proof-strip { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; } .landing-proof-strip span { background: #f3f9fd; border: 1px solid #d8eaf5; border-radius: 999px; color: #1f4156; font-size: 12px; font-weight: 900; padding: 8px 11px; } .landing-pricing-proof-strip,.landing-path-proof-strip { align-items: stretch; display: grid; gap: 9px; grid-template-columns: 1fr; justify-content: start; max-width: 100%; width: min(100%, 270px); } .landing-pricing-proof-strip span,.landing-path-proof-strip span { align-items: center; border-radius: 8px; box-shadow: inset 3px 0 0 #83cceb; display: inline-flex; justify-content: flex-start; min-height: 34px; padding: 8px 12px 8px 15px; text-align: left; } .landing-pricing-proof-strip .landing-proof-centered-wide,.landing-path-proof-strip .landing-proof-centered-wide { grid-column: auto; justify-self: stretch; max-width: none; text-align: left; white-space: normal; } .landing-screenshot-card { background: #fff; border: 1px solid #d7e3ee; border-radius: 8px; box-shadow: 0 22px 70px rgba(9, 28, 46, .18); overflow: hidden; } .landing-screenshot-card img { display: block; height: 430px; object-fit: cover; object-position: left top; width: 100%; } .landing-screenshot-card-pricing img, .landing-screenshot-card-leads img { background: #f7fbff; object-fit: contain; object-position: center center; } .landing-pricing-board { background: #08121c; border: 1px solid #1a3850; border-radius: 8px; box-shadow: 0 22px 70px rgba(9, 28, 46, .24); color: #eef7ff; padding: 20px; } .landing-rate-tabs { display: flex; gap: 10px; margin-bottom: 16px; } .landing-rate-tabs span { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); border-radius: 999px; color: #c9d9e8; font-weight: 850; padding: 8px 14px; } .landing-rate-tabs .active { background: #e7f6ff; border-color: #5bbce8; color: #041425; } .landing-rate-grid { display: grid; gap: 12px; grid-template-columns: repeat(3, 1fr); margin-bottom: 14px; } .landing-rate-grid article,.landing-rate-detail { background: #101f2e; border: 1px solid #29445a; border-radius: 8px; padding: 18px; } .landing-rate-grid span,.landing-rate-detail span { color: #9fb8ce; display: block; font-size: 12px; font-weight: 900; letter-spacing: .05em; margin-bottom: 8px; text-transform: uppercase; } .landing-rate-grid strong,.landing-rate-detail strong { display: block; font-size: 34px; line-height: 1; margin-bottom: 8px; } .landing-rate-grid small,.landing-rate-detail p { color: #bfd0df; font-size: 14px; line-height: 1.45; } .landing-rate-detail { background: #f6fbff; border-color: #83c6ea; color: #102033; } .landing-rate-detail span,.landing-rate-detail p { color: #526a7d; } .landing-shot-reel { background: #0b1621; border-bottom: 1px solid #23384c; border-top: 1px solid #23384c; overflow: hidden; padding: 34px 0; } .landing-shot-track { animation: landing-pan 46s linear infinite; display: flex; gap: 24px; width: max-content; } .landing-shot-track img { background: #fff; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; box-shadow: 0 18px 46px rgba(0,0,0,.30); height: 300px; object-fit: cover; object-position: left 6%; width: 540px; } @keyframes landing-pan { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Landing product reel: larger, cleaner screenshot frames for capture. */ .landing-shot-reel:not(#sq-landing-reel-polish-lock) { padding: 46px 0; position: relative; } .landing-shot-track:not(#sq-landing-reel-polish-lock) { animation-duration: 58s; gap: 34px; } .landing-shot-reel:not(#sq-landing-reel-polish-lock)::before, .landing-shot-reel:not(#sq-landing-reel-polish-lock)::after { content: ""; inset-block: 0; pointer-events: none; position: absolute; width: clamp(46px, 8vw, 128px); z-index: 2; } .landing-shot-reel:not(#sq-landing-reel-polish-lock)::before { background: linear-gradient(90deg, #0b1621 0%, rgba(11, 22, 33, .96) 40%, rgba(11, 22, 33, 0) 100%); left: 0; } .landing-shot-reel:not(#sq-landing-reel-polish-lock)::after { background: linear-gradient(270deg, #0b1621 0%, rgba(11, 22, 33, .96) 40%, rgba(11, 22, 33, 0) 100%); right: 0; } .landing-shot-track:not(#sq-landing-reel-polish-lock) img { background: #f7fbff; border-color: rgba(214, 230, 242, .34); border-radius: 8px; box-shadow: 0 22px 58px rgba(0, 0, 0, .34); height: 430px; object-fit: contain; object-position: center center; padding: 0; width: 700px; } .landing-workflow { align-items: start; grid-template-columns: 1fr; } .landing-flow-list { display: grid; gap: 10px; } .landing-flow-list article { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 14px; grid-template-columns: 38px minmax(0,1fr); padding: 13px 15px; } .landing-flow-list article > span { align-items: center; background: #eef7fc; border: 1px solid #b8ddec; border-radius: 999px; color: var(--accent); display: inline-flex; font-size: 13px; font-weight: 950; height: 32px; justify-content: center; width: 32px; } .landing-flow-list h3 { font-size: 18px; line-height: 1.1; margin-bottom: 3px; } .landing-flow-list p { color: #59687b; font-size: 13px; font-weight: 650; line-height: 1.25; margin: 0; } .landing-feature-grid { display: grid; gap: 12px; grid-template-columns: repeat(5, 1fr); } .landing-feature-grid article { background: #fff; border: 1px solid var(--line); border-radius: 8px; min-height: 118px; padding: 15px; } .landing-feature-grid span { color: var(--accent); display: block; font-size: 11px; font-weight: 950; letter-spacing: .08em; margin-bottom: 10px; } .landing-feature-grid h3 { font-size: 18px; line-height: 1.1; margin-bottom: 7px; } .landing-feature-grid p { color: #59687b; font-size: 13px; font-weight: 650; line-height: 1.25; margin-bottom: 0; } .landing-category-list { gap: 14px; grid-template-columns: repeat(4,minmax(0,1fr)); } .landing-category-list article { background: #fff; border: 1px solid #d8e0e8; border-radius: 8px; display: grid; gap: 12px; min-height: 0; padding: 18px; } .landing-category-list span { color: #0077bd; font-size: 11px; font-weight: 950; letter-spacing: .06em; margin-bottom: 0; text-transform: uppercase; } .landing-category-list h3 { font-size: 20px; line-height: 1.08; margin: 0; } .landing-category-list ul { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; } .landing-category-list li { align-items: start; color: #43536a; display: grid; font-size: 14px; font-weight: 650; gap: 8px; grid-template-columns: 10px minmax(0,1fr); line-height: 1.22; } .landing-category-list li::before { background: #88d2f4; border-radius: 999px; content: ""; height: 6px; margin-top: .42em; width: 6px; } .landing-cta { align-items: center; background: #fff; border-top: 1px solid var(--line); display: flex; gap: 24px; justify-content: space-between; padding: 54px max(28px, calc((100vw - 1220px) / 2)); } .landing-cta h2 { margin-bottom: 0; max-width: 720px; } .landing-cta .landing-trial-note { color: #52647a; } .landing-login-dialog { background: transparent; border: 0; max-width: min(430px, calc(100vw - 28px)); padding: 0; width: 100%; } .landing-login-dialog::backdrop { background: rgba(7,18,32,.58); backdrop-filter: blur(4px); } .landing-login-panel { background: #fff; border: 1px solid #d5e3ee; border-radius: 8px; box-shadow: 0 28px 90px rgba(5, 20, 36, .34); color: var(--ink); display: grid; gap: 14px; padding: 28px; position: relative; } .landing-login-panel h2 { font-size: 30px; line-height: 1.08; margin: -4px 0 4px; } .landing-login-panel label { display: grid; gap: 7px; } .landing-login-panel label span { color: #52647a; font-size: 12px; font-weight: 900; letter-spacing: .02em; text-transform: uppercase; } .landing-login-panel input { background: #f8fbfe; border: 1px solid #cbdceb; border-radius: 8px; color: var(--ink); font-size: 17px; font-weight: 750; min-height: 46px; padding: 9px 12px; width: 100%; } .landing-login-panel input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); outline: 0; } .landing-login-close { align-items: center; background: #f7fbff; border: 1px solid #cbdceb; border-radius: 999px; color: var(--ink); cursor: pointer; display: inline-flex; font-size: 24px; font-weight: 700; height: 36px; justify-content: center; line-height: 1; position: absolute; right: 16px; top: 16px; width: 36px; } .landing-login-close:hover,.landing-login-close:focus { border-color: var(--accent); color: var(--accent); outline: 0; } .landing-login-message { color: var(--red); font-size: 13px; font-weight: 800; min-height: 18px; } .public-auth-page { align-items: center; background: #eef4f9; display: grid; min-height: 100vh; padding: 24px; } .public-auth-panel { box-sizing: border-box; max-width: 520px; width: min(520px, 100%); } .public-auth-panel h1 { color: var(--ink); font-size: 34px; line-height: 1.05; margin: 0 0 18px; } .public-auth-panel form { display: grid; gap: 14px; } .public-auth-panel .btn { text-align: center; } .app-shell { display: grid; grid-template-columns: 210px minmax(0,1fr); min-height: 100vh; } .sidebar { background: var(--night); box-sizing: border-box; color: #edf5fb; display: flex; flex-direction: column; height: 100vh; min-height: 100vh; overflow-y: auto; padding: 20px 14px; position: sticky; top: 0; } .sidebar-main-nav,.sidebar-utility-nav { display: grid; gap: 6px; } .sidebar-main-nav { align-content: start; } .sidebar-utility-nav { border-top: 1px solid rgba(203,215,226,.14); margin-top: auto; padding-top: 14px; } .sidebar-support-group { display: grid; gap: 5px; margin-top: 6px; } .sidebar-section-label { display: none; } .sidebar-legal-links { border-top: 1px solid rgba(203,215,226,.12); display: flex; flex-wrap: wrap; gap: 5px 9px; margin-top: 8px; order: 5; padding-top: 8px; } .sidebar-legal-links a { color: rgba(203,215,226,.68); font-size: 9.5px; font-weight: 760; line-height: 1.15; text-transform: uppercase; } .sidebar-legal-links a:hover,.sidebar-legal-links a:focus { color: #fff; outline: 0; text-decoration: underline; text-underline-offset: 3px; } .side-link { border: 0; border-radius: 8px; color: #cbd7e2; cursor: pointer; display: block; font-weight: 750; margin: 0; padding: 11px 10px; text-align: left; width: 100%; background: transparent; } .side-link.active { background: var(--theme-sidebar-active-bg); color: var(--theme-sidebar-active-text); } .side-link-preview-shell { align-items: stretch; background: linear-gradient(135deg, rgba(22,137,200,.20), rgba(240,167,34,.13)); border: 1px solid rgba(92,183,232,.26); border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); color: #edf7ff; display: flex; min-width: 0; overflow: hidden; position: relative; width: 100%; } .side-link-preview-shell:has(.side-link-preview.active) { background: var(--theme-sidebar-active-bg); border-color: color-mix(in srgb, var(--theme-sidebar-active-bg) 70%, rgba(92,183,232,.48)); color: var(--theme-sidebar-active-text); } .side-link-preview { align-items: center; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: inherit; display: flex; flex: 1 1 auto; gap: 8px; justify-content: space-between; min-width: 0; overflow: hidden; position: relative; } .side-link-preview::after { content: none; display: none; } .side-link-preview-popout { align-items: center; appearance: none; background: transparent; border: 0; border-left: 1px solid rgba(203,215,226,.20); color: inherit; cursor: pointer; display: inline-flex; flex: 0 0 34px; justify-content: center; margin: 0; min-width: 34px; padding: 0; } .side-link-preview-popout::before { border: solid currentColor; border-width: 0 2px 2px 0; content: ""; height: 7px; opacity: .84; transform: rotate(-45deg); width: 7px; } .side-link-preview-shell:hover,.side-link-preview-shell:focus-within { background: linear-gradient(135deg, rgba(22,137,200,.34), rgba(240,167,34,.19)); border-color: rgba(92,183,232,.48); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 2px rgba(22,137,200,.14); color: #fff; outline: 0; } .side-link-preview:hover,.side-link-preview:focus { background: transparent; box-shadow: none; color: inherit; outline: 0; } .side-link-preview-popout:hover,.side-link-preview-popout:focus { background: rgba(255,255,255,.10); color: #fff; outline: 0; } .side-link-preview span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .app-main { background: color-mix(in srgb, var(--window-bg) 58%, #f5f7fa); min-width: 0; } [data-theme="dark"] .app-main { background: var(--soft); } .app-header { align-items: flex-start; background: #fff; border-bottom: 1px solid var(--line); display: flex; gap: 16px; justify-content: space-between; padding: 18px 24px; } [data-theme="dark"] .app-header { background: var(--paper); } @media (min-width: 981px) { body[data-app-view="leads"] .app-header { box-shadow: 0 8px 18px rgba(16,24,32,.06); position: sticky; top: 0; transition: opacity .14s ease, transform .16s ease, box-shadow .14s ease; will-change: transform; z-index: 80; } body[data-app-view="leads"].lead-controls-compact .app-header { box-shadow: none; opacity: 0; pointer-events: none; transform: translateY(calc(-100% - 1px)); } body[data-app-view="leads"] .lead-frozen-header-wrap { background: var(--paper); border: 1px solid var(--line); border-bottom: 0; border-radius: 8px 8px 0 0; box-shadow: 0 8px 18px rgba(16,24,32,.05); box-sizing: border-box; max-width: 100%; min-width: 0; overflow: hidden; position: sticky; top: var(--lead-sticky-header-height, 0px); width: 100%; z-index: 70; } body[data-app-view="leads"] .lead-frozen-header-wrap .lead-table { border-collapse: collapse; min-width: var(--lead-table-width, 960px); width: 100%; } body[data-app-view="leads"] .lead-frozen-header-wrap .lead-table th { border-bottom: 1px solid var(--line); box-shadow: none; position: relative; top: auto; z-index: auto; } body[data-app-view="leads"] .lead-frozen-header-wrap + .table-wrap { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } } .app-header h1 { font-size: 28px; line-height: 42px; margin: 0; white-space: nowrap; } .app-header-main { align-items: flex-start; display: flex; flex: 1 1 auto; gap: 18px; min-width: 0; } .view-tools { align-items: flex-start; display: flex; flex: 1 1 auto; min-width: 0; } .view-tools:empty { display: none; } .preview-data-notice { align-self: flex-start; background: color-mix(in srgb, #fff8d9 78%, #ffffff); border: 1px solid color-mix(in srgb, #d59d21 42%, var(--line)); border-radius: 9px; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 2px 8px rgba(16,24,32,.07); color: #3f2c08; display: none; flex: 0 1 440px; gap: 2px; line-height: 1.16; margin-left: auto; min-width: 260px; padding: 8px 12px; } body.sq-preview-version:not(.mismo-standalone-mode):not(.calculators-external-window) .preview-data-notice { display: grid; } .preview-data-notice strong { color: #0b1724; font-size: 12px; font-weight: 950; letter-spacing: 0; line-height: 1.05; } .preview-data-notice span { color: #574116; font-size: 11px; font-weight: 760; letter-spacing: 0; } [data-theme="dark"] .preview-data-notice { background: color-mix(in srgb, #231c10 82%, var(--paper)); border-color: color-mix(in srgb, #d59d21 46%, #354557); box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 2px 8px rgba(0,0,0,.22); color: #f1d896; } [data-theme="dark"] .preview-data-notice strong { color: #fff3c4; } [data-theme="dark"] .preview-data-notice span { color: #dfc98a; } .mismo-standalone-mode .preview-data-notice, .calculators-external-window .preview-data-notice { display: none !important; } @media (max-width: 900px) { .preview-data-notice { flex: 1 1 100%; margin-left: 0; max-width: none; min-width: 0; order: 3; width: 100%; } .preview-data-notice span { font-size: 10.5px; } } body[data-app-view="leads"].lead-expanded-focus .lead-frozen-header-wrap { border: 0; box-shadow: none; max-height: 0; min-height: 0; opacity: 0; overflow: hidden; pointer-events: none; transform: translateY(-8px); } body[data-app-view="leads"].lead-expanded-focus .lead-frozen-header-wrap .lead-table { display: none; } body[data-app-view="leads"].lead-expanded-focus .lead-frozen-header-wrap + .table-wrap { border-top: 1px solid var(--line); border-top-left-radius: 8px; border-top-right-radius: 8px; } .app-header-main:has(.lead-layout-lock-button) { align-items: stretch; display: grid; gap: 9px; grid-template-columns: minmax(0,1fr); grid-template-rows: 42px auto; position: relative; width: 100%; } .app-header-main:has(.lead-layout-lock-button) h1 { grid-row: 1; } .app-header-main:has(.lead-layout-lock-button) .view-tools { align-items: end; grid-row: 2; transform: translateY(10px); width: 100%; } .header-lead-toolbar { align-items: flex-start; flex: 1 1 auto; margin-bottom: 0; min-width: 0; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar { align-items: end; display: grid; gap: 10px; grid-template-columns: minmax(180px,230px) minmax(220px,280px) repeat(3,max-content); justify-content: start; padding-right: 0; width: 100%; } .header-lead-toolbar .lead-search-input { flex: 0 1 210px; min-width: 160px; } .header-lead-toolbar .saved-view-select { flex: 0 1 250px; min-width: 190px; } .header-lead-toolbar .lead-search-input, .header-lead-toolbar .saved-view-select { font-weight: 400; } .header-lead-toolbar .lead-import-shortcut, .header-lead-toolbar .quote-ready-shortcut, .header-lead-toolbar .quote-update-shortcut, .header-lead-toolbar [data-action="toggle-lead-filters"] { font-weight: 600; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .lead-search-input, .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .saved-view-select { width: 100%; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .lead-search-input { grid-column: 1; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .saved-view-select { grid-column: 2; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .lead-import-shortcut { grid-column: 3; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .quote-ready-shortcut { grid-column: 4; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar [data-action="toggle-lead-filters"] { grid-column: 5; } @media (min-width: 981px) { .app-header:has(.lead-layout-lock-button) .header-lead-toolbar { align-items: stretch; display: grid; gap: 10px; grid-auto-rows: 42px; grid-template-columns: minmax(220px,270px) minmax(124px,max-content) max-content max-content; justify-content: start; padding-right: 0; width: 100%; } .app-header:has(.lead-layout-lock-button) .header-lead-toolbar .lead-search-input, .app-header:has(.lead-layout-lock-button) .header-lead-toolbar .saved-view-select { min-width: 0; width: 100%; } .app-header:has(.lead-layout-lock-button) .header-lead-toolbar .lead-search-input { grid-column: 1; grid-row: 1; } .app-header:has(.lead-layout-lock-button) .header-lead-toolbar .saved-view-select { grid-column: 1; grid-row: 2; } .app-header:has(.lead-layout-lock-button) .header-lead-toolbar .lead-import-shortcut { grid-column: 2; grid-row: 2; justify-self: stretch; min-width: 124px; } .app-header:has(.lead-layout-lock-button) .header-lead-toolbar .quote-ready-shortcut { grid-column: 3; grid-row: 2; justify-self: start; min-width: 126px; } .app-header:has(.lead-layout-lock-button) .header-lead-toolbar [data-action="toggle-lead-filters"] { grid-column: 4; grid-row: 2; justify-self: start; min-width: 116px; } } @media (min-width: 1281px) { .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .app-header-main { align-items: stretch; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr); grid-template-rows: 42px auto; width: 100%; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .app-header-main h1 { grid-column: 1; grid-row: 1; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .view-tools { align-items: start; grid-column: 1; grid-row: 2; transform: none; width: 100%; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar { align-items: stretch; display: grid; gap: 8px 10px; grid-auto-rows: 42px; grid-template-columns: minmax(220px,270px) minmax(124px,max-content) max-content max-content; justify-content: start; padding-right: 0; width: 100%; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-search-input, .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .saved-view-select { min-width: 0; width: 100%; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-search-input { grid-column: 1; grid-row: 1; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .saved-view-select { grid-column: 1; grid-row: 2; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-import-shortcut { grid-column: 2; grid-row: 2; justify-self: stretch; min-width: 124px; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .quote-ready-shortcut { grid-column: 3; grid-row: 2; justify-self: start; min-width: 126px; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar [data-action="toggle-lead-filters"] { grid-column: 4; grid-row: 2; justify-self: start; min-width: 116px; } } .lead-import-shortcut { align-items: center; display: inline-flex; gap: 7px; min-height: 42px; padding-left: 12px; padding-right: 12px; } .lead-import-shortcut.has-pending { border-color: color-mix(in srgb, var(--brand-gold) 60%, var(--line)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-gold) 16%, transparent); } .lead-import-shortcut.is-locked { background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 42%, var(--line)); color: color-mix(in srgb, var(--ink) 88%, var(--brand-gold)); } .lead-import-count { align-items: center; background: var(--brand-gold); border-radius: 999px; color: #071523; display: inline-flex; font-size: 11px; font-weight: 950; height: 20px; justify-content: center; line-height: 1; min-width: 20px; padding: 0 6px; } .lead-page-controls { align-items: center; background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid var(--line); border-top: 0; border-radius: 0 0 8px 8px; display: flex; gap: 12px; justify-content: space-between; min-height: 50px; padding: 9px 12px; } .lead-page-summary { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 14px; min-width: 0; } .lead-page-count { align-items: baseline; display: inline-flex; gap: 6px; min-width: 0; } .lead-page-summary strong { font-size: 14px; font-weight: 950; white-space: nowrap; } .lead-page-summary span,.lead-page-actions span { color: var(--muted); font-size: 12px; font-weight: 800; white-space: nowrap; } .lead-delete-button { align-items: center; display: inline-flex; justify-content: center; min-height: 42px; min-width: 180px; padding: 10px 18px; white-space: nowrap; } .header-lead-toolbar .lead-delete-button[data-action="delete-selected-lead"] { background: var(--paper); border-color: color-mix(in srgb, var(--red) 32%, var(--line)); color: color-mix(in srgb, var(--red) 92%, var(--ink)); font-weight: 650; } .header-lead-toolbar .lead-delete-button[data-action="delete-selected-lead"]:hover, .header-lead-toolbar .lead-delete-button[data-action="delete-selected-lead"]:focus { background: color-mix(in srgb, var(--red) 3%, var(--paper)); border-color: color-mix(in srgb, var(--red) 46%, var(--line)); color: color-mix(in srgb, var(--red) 96%, var(--ink)); outline: 0; } .lead-page-delete-controls { align-items: center; display: flex; flex: 0 0 auto; gap: 8px; justify-content: flex-start; min-width: 0; } .lead-page-delete { min-height: 42px; } .lead-page-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; } .lead-page-actions .btn.mini { min-height: 32px; padding: 6px 10px; } .lead-page-size-select { font-size: 13px; font-weight: 800; min-height: 34px; padding: 5px 9px; width: 118px; } .lead-layout-lock-button { align-items: center; background: rgba(255,255,255,.82); border-radius: 999px; box-shadow: 0 1px 0 rgba(255,255,255,.72); flex: 0 0 auto; gap: 7px; height: 46px; margin-left: auto; min-height: 46px; min-width: 94px; padding: 0 13px; transform: translateX(14px); width: auto; } .app-header-main:has(.lead-layout-lock-button) .lead-layout-lock-button { align-self: start; grid-column: auto; margin-left: 0; position: absolute; right: 0; top: 0; transform: none; } .lead-layout-lock-button svg { display: block; fill: none; height: 18px; opacity: .72; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 18px; } .lead-layout-lock-text { color: currentColor; display: grid; font-size: 12px; font-weight: 950; letter-spacing: .03em; line-height: .92; text-transform: uppercase; white-space: nowrap; } .lead-layout-lock-button:hover,.lead-layout-lock-button:focus { border-color: color-mix(in srgb, var(--accent) 38%, var(--line)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); outline: 0; } .lead-layout-lock-button.is-unlocked { color: color-mix(in srgb, var(--brand-gold) 72%, var(--ink)); } .nav-actions .lead-layout-lock-button { align-items: center; appearance: none; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: color-mix(in srgb, var(--brand-gold) 78%, var(--ink)); cursor: pointer; display: inline-flex; flex: 0 0 auto; height: 42px; justify-content: center; margin: 0; min-height: 42px; min-width: 38px; padding: 0; position: static; transform: none; width: 38px; } .nav-actions .lead-layout-lock-button.is-unlocked { color: color-mix(in srgb, var(--accent) 82%, var(--ink)); } .nav-actions .lead-layout-lock-button svg { height: 29px; opacity: 1; stroke-width: 2; width: 29px; } .nav-actions .lead-layout-lock-button:hover,.nav-actions .lead-layout-lock-button:focus { background: transparent; border: 0; box-shadow: none; color: var(--accent); outline: 2px solid color-mix(in srgb, var(--accent) 28%, transparent); outline-offset: 3px; } .nav-actions .lead-layout-lock-button:not(.is-unlocked):hover,.nav-actions .lead-layout-lock-button:not(.is-unlocked):focus { color: color-mix(in srgb, var(--brand-gold) 92%, var(--ink)); outline-color: color-mix(in srgb, var(--brand-gold) 32%, transparent); } .nav-actions .lead-layout-lock-text { display: none; } .nav-actions .lead-delete-icon-button { align-items: center; appearance: none; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: color-mix(in srgb, var(--red) 88%, var(--ink)); cursor: pointer; display: inline-flex; flex: 0 0 auto; gap: 2px; height: 42px; justify-content: center; margin: 0; min-height: 42px; min-width: 62px; padding: 0 4px; position: relative; width: auto; } .nav-actions .lead-delete-icon-button svg { display: block; fill: none; height: 24px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 24px; } .nav-actions .lead-delete-count { align-items: center; background: color-mix(in srgb, var(--red) 92%, #871323); border-radius: 999px; box-shadow: 0 1px 0 rgba(255,255,255,.45); color: #fff; display: inline-flex; font-size: 10px; font-weight: 950; justify-content: center; letter-spacing: 0; line-height: 1; min-height: 18px; min-width: 34px; padding: 0 5px; } .nav-actions .lead-delete-icon-button:hover,.nav-actions .lead-delete-icon-button:focus { color: color-mix(in srgb, var(--red) 98%, var(--ink)); outline: 2px solid color-mix(in srgb, var(--red) 30%, transparent); outline-offset: 3px; } .nav-actions .lead-view-nav-button { align-items: center; display: inline-flex; flex: 0 0 auto; font-weight: 650; height: 42px; justify-content: center; margin: 0; min-height: 42px; min-width: 116px; padding: 0 16px; white-space: nowrap; } .nav-actions .lead-view-nav-button.is-active { border-color: color-mix(in srgb, var(--accent) 58%, var(--line)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); } .nav-actions .pipeline-delete-icon-button { min-width: 62px; } .nav-actions .app-color-settings-button { align-items: center; appearance: none; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: color-mix(in srgb, var(--accent) 82%, var(--ink)); cursor: pointer; display: inline-flex; flex: 0 0 auto; height: 42px; justify-content: center; margin: 0; min-height: 42px; min-width: 38px; padding: 0; width: 38px; } .nav-actions .app-color-settings-button svg { display: block; fill: none; height: 25px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; width: 25px; } .nav-actions .app-color-settings-button circle { fill: currentColor; stroke: none; } .nav-actions .app-color-settings-button:hover,.nav-actions .app-color-settings-button:focus,.nav-actions .app-color-settings-button.is-open { color: color-mix(in srgb, var(--brand-gold) 90%, var(--ink)); outline: 2px solid color-mix(in srgb, var(--brand-gold) 30%, transparent); outline-offset: 3px; } .sidebar-color-settings-slot { align-items: center; display: flex; justify-content: flex-start; min-height: 42px; position: relative; width: 100%; } .sidebar-color-settings-slot .app-color-settings-button { align-items: center; appearance: none; background: rgba(255,255,255,.045); border: 1px solid rgba(203,215,226,.18); border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.06); color: #d8ecfb; cursor: pointer; display: inline-flex; height: 36px; justify-content: center; margin: 0; min-height: 36px; min-width: 40px; padding: 0; width: 40px; } .sidebar-color-settings-slot .app-color-settings-button svg { display: block; fill: none; height: 23px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; width: 23px; } .sidebar-color-settings-slot .app-color-settings-button circle { fill: currentColor; stroke: none; } .sidebar-color-settings-slot .app-color-settings-button:hover,.sidebar-color-settings-slot .app-color-settings-button:focus,.sidebar-color-settings-slot .app-color-settings-button.is-open { background: rgba(255,255,255,.09); border-color: rgba(240,167,34,.42); color: color-mix(in srgb, var(--brand-gold) 88%, #fff); outline: 2px solid rgba(240,167,34,.22); outline-offset: 2px; } body.has-sidebar-color-settings .sidebar { overflow: visible; z-index: 260; } body.has-sidebar-color-settings .sidebar-color-settings-slot { z-index: 270; } .sidebar-color-settings-slot .color-settings-popover { bottom: 148px; left: 52px; max-height: min(76vh, 680px); overflow-y: auto; position: fixed; right: auto; top: auto; width: min(430px, calc(100vw - 72px)); z-index: 10000; } .color-settings-popover { background: var(--paper); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 8px; box-shadow: 0 18px 46px rgba(9,28,46,.18); color: var(--ink); display: grid; gap: 11px; padding: 12px; position: absolute; right: 0; top: calc(100% + 10px); width: min(430px, calc(100vw - 32px)); z-index: 80; } .color-settings-head,.color-settings-section-head { align-items: center; display: flex; gap: 10px; justify-content: space-between; min-width: 0; } .color-settings-head strong { color: var(--ink); font-size: 14px; font-weight: 950; line-height: 1.1; } .color-settings-head-actions { align-items: center; display: flex; flex: 0 0 auto; gap: 6px; justify-content: flex-end; min-width: 0; } .color-settings-theme-toggle { display: grid; gap: 4px; grid-template-columns: repeat(2,minmax(0,1fr)); } .color-settings-theme-toggle .btn.mini { font-size: 10px; min-height: 32px; padding: 5px 8px; } .color-settings-section { background: linear-gradient(180deg, color-mix(in srgb, var(--soft) 18%, var(--paper)), var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 78%, var(--accent)); border-left: 2px solid color-mix(in srgb, var(--accent) 36%, var(--line)); border-radius: 8px; display: grid; gap: 9px; padding: 10px 11px 11px; } .color-settings-head + .color-settings-section { margin-top: 1px; } .color-settings-section + .color-settings-section { margin-top: 1px; } .color-settings-section-head { border-bottom: 1px solid color-mix(in srgb, var(--line) 68%, transparent); padding-bottom: 7px; } .color-settings-section-title,.color-settings-section-head > span:not(.control-framed-label) { color: var(--section-label); font-size: 10px; font-weight: 950; letter-spacing: .08em; line-height: 1; text-transform: uppercase; } .color-settings-popover .color-settings-section-label { font-size: 12px; font-weight: 600; letter-spacing: 0; min-height: 30px; padding-bottom: 6px; padding-top: 6px; text-transform: none; } .color-settings-popover .color-settings-section-label::before { height: 16px; } .color-settings-color-grid { display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); } .workspace-font-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .color-settings-field { align-items: center; gap: 8px; grid-template-columns: minmax(0,1fr) 34px; min-height: 52px; padding: 8px 9px; } .color-settings-field span { align-items: center; display: flex; min-width: 0; } .color-settings-field strong { color: var(--ink); display: block; font-size: 11px; line-height: 1.08; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .color-settings-field small { color: var(--muted); display: block; font-size: 9px; font-weight: 750; line-height: 1.15; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .color-settings-field input[type="color"] { border: 1px solid var(--line); border-radius: 6px; cursor: pointer; height: 30px; padding: 2px; width: 34px; } .workspace-font-toggle input[type="checkbox"] { align-items: center; appearance: none; background: var(--paper); border: 1px solid var(--line); border-radius: 6px; cursor: pointer; display: inline-flex; height: 30px; justify-content: center; margin: 0; padding: 0; width: 34px; } .workspace-font-toggle input[type="checkbox"]::after { color: color-mix(in srgb, var(--muted) 86%, var(--ink)); content: "B"; display: block; font-size: 13px; font-weight: 650; line-height: 1; } .workspace-font-toggle input[type="checkbox"]:checked { background: var(--theme-control-active-bg); border-color: var(--theme-control-active-border); } .workspace-font-toggle input[type="checkbox"]:checked::after { color: var(--theme-control-active-text); font-weight: 950; } .workspace-font-toggle input[type="checkbox"]:focus-visible { outline: 2px solid color-mix(in srgb, var(--accent) 28%, transparent); outline-offset: 2px; } .color-settings-segment { display: grid; gap: 7px; grid-template-columns: repeat(3,minmax(0,1fr)); } .color-settings-segment .btn.mini { font-size: 11px; min-height: 34px; padding: 6px 8px; } .color-settings-popover .selected-setting { border-color: color-mix(in srgb, var(--accent) 56%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); } [data-theme="dark"] .color-settings-popover { box-shadow: 0 18px 46px rgba(0,0,0,.45); } [data-theme="dark"] .color-settings-popover .color-settings-section { background: linear-gradient(180deg, color-mix(in srgb, #111d28 64%, var(--paper)), var(--paper)); border-color: color-mix(in srgb, #4d6b86 54%, var(--line)); border-left-color: color-mix(in srgb, var(--accent) 36%, #4d6b86); } [data-theme="dark"] .color-settings-popover .color-settings-section-head { border-bottom-color: color-mix(in srgb, #4d6b86 48%, transparent); } .control-anchor-nav { align-items: center; display: flex; flex: 1 1 auto; gap: 8px; justify-content: center; min-height: 42px; min-width: 0; overflow-x: auto; padding: 2px 0; scrollbar-width: thin; } .control-anchor-chip { background: color-mix(in srgb, var(--soft) 72%, var(--paper)); border: 1px solid var(--line); border-radius: 999px; color: var(--muted); cursor: pointer; flex: 0 0 auto; font-family: inherit; font-size: 13px; font-weight: 900; min-height: 34px; padding: 7px 13px; transition: background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease; } .control-anchor-chip:hover,.control-anchor-chip:focus { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 38%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 10%, transparent); color: var(--ink); outline: 0; } .workspace { display: grid; gap: 18px; grid-template-columns: minmax(0,1fr) minmax(290px,315px); padding: 22px; } .workspace > *, .lead-table-region, .selected-lead-panel, .lead-side-rail, .pipeline-side-rail, .pipeline-side-panel, .funded-main, .funded-panel, .pricing-lab, .control-page, .calculators-page { min-width: 0; } .workspace.has-side-panel { background: var(--paper); gap: 14px; grid-template-columns: minmax(0,1fr); padding: 12px 18px 22px 22px; position: relative; } .workspace.filter-mode { grid-template-columns: minmax(0,.86fr) minmax(430px,.42fr); } .workspace.has-side-panel > .lead-table-region { grid-column: 1; grid-row: 1; min-width: 0; order: 0; overflow: hidden; } .workspace.has-side-panel > .selected-lead-panel { grid-column: 1; grid-row: 1; justify-self: end; max-width: min(384px, calc(100vw - 42px)); order: 1; width: clamp(360px,19vw,384px); z-index: 6; } .workspace.has-side-panel .table-wrap { max-width: 100%; min-width: 0; width: 100%; } .workspace.has-lead-rail { background: var(--paper); gap: 14px; grid-template-columns: minmax(0,1fr); padding: 12px 18px 22px 22px; position: relative; } .workspace.has-lead-rail > div:first-child { grid-column: 1; grid-row: 1; min-width: 0; overflow: hidden; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) { grid-column: 1; grid-row: 1; justify-self: end; z-index: 6; } .workspace.has-lead-rail .table-wrap { max-width: 100%; min-width: 0; width: 100%; } .workspace.no-side-panel { grid-template-columns: minmax(0,1fr); } .workspace.funded-workspace { align-items: start; gap: 14px; grid-template-columns: minmax(0,1fr) 270px; } .workspace.pipeline-workspace { align-items: start; gap: 16px; grid-template-columns: minmax(0,1fr); } .workspace.pipeline-workspace.has-pipeline-panel { grid-template-columns: minmax(0,1fr) minmax(324px,360px); padding-right: 18px; } .workspace.pipeline-workspace.has-pipeline-rail { gap: 13px; grid-template-columns: minmax(0,1fr) 65px; padding-right: 16px; } body[data-app-view="pipeline"] .app-main, body[data-app-view="pipeline"] .workspace.pipeline-workspace, body[data-app-view="pipeline"] .workspace.pipeline-workspace.has-pipeline-panel, body[data-app-view="pipeline"] .workspace.pipeline-workspace.has-pipeline-rail { background: var(--window-bg); } .workspace.pipeline-workspace > div:first-child { min-width: 0; overflow: hidden; } .workspace.pipeline-workspace .table-wrap { max-width: 100%; min-width: 0; width: 100%; } .workspace.pipeline-workspace.has-pipeline-panel > .pipeline-side-panel { grid-column: 2; max-width: 100%; order: 1; width: 100%; } .workspace.pipeline-workspace.has-pipeline-rail > div:first-child { min-width: 0; overflow: hidden; } .workspace.has-side-panel > .pricing-lab,.workspace.has-side-panel > .calculators-page, .workspace.has-lead-rail > .pricing-lab,.workspace.has-lead-rail > .calculators-page { grid-column: auto !important; min-width: 0; overflow: hidden; } .pipeline-side-panel { align-self: start; box-sizing: border-box; max-height: calc(100vh - 138px); min-width: 0; overflow: auto; position: sticky; top: 16px; width: 100%; } .pipeline-side-panel.is-pinned { border-color: color-mix(in srgb, var(--brand-gold) 54%, var(--line)); box-shadow: 0 16px 34px rgba(16,24,32,.1), inset 0 3px 0 color-mix(in srgb, var(--brand-gold) 74%, transparent); } .pipeline-side-panel .detail-grid,.pipeline-side-panel .action-grid,.pipeline-side-panel .column-list { grid-template-columns: 1fr; } .control-page,.calculators-page { display: grid; gap: 14px; min-width: 0; } .toolbar { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; } .pipeline-toolbar { align-items: stretch; display: grid; gap: 10px 12px; grid-template-columns: repeat(2,minmax(0,1fr)); justify-content: start; max-width: 430px; width: min(100%,430px); } .pipeline-toolbar .input,.pipeline-toolbar .btn { box-sizing: border-box; justify-content: center; margin: 0; min-height: 42px; width: 100%; } .pipeline-header-toolbar { flex: 0 1 337px; margin-bottom: 0; min-width: min(337px,100%); } .pipeline-header-toolbar .lead-search-input { box-sizing: border-box; flex: 1 1 auto; min-width: 220px; width: 100%; } .pipeline-summary-grid { display: grid; gap: 12px 16px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 14px; } .pipeline-summary-lane { display: grid; gap: 10px; min-width: 0; } .pipeline-summary-lane .metric-card { min-height: 78px; } .pipeline-summary-lane .input,.pipeline-summary-lane .btn { box-sizing: border-box; justify-content: center; margin: 0; min-height: 42px; width: 100%; } .input { background: #fff; border: 1px solid var(--line); border-radius: 8px; min-height: 42px; padding: 10px 12px; } .saved-view-select { min-width: 220px; } [data-theme="dark"] .input { background: #101a24; color: var(--ink); } .table-wrap { overflow: auto; } table { border-collapse: collapse; min-width: 1120px; width: 100%; } th,td { border-bottom: 1px solid var(--line); font-size: 13px; padding: 11px 12px; text-align: left; white-space: nowrap; } th { background: var(--workspace-table-header-fill); color: #405068; font-size: 12px; text-transform: uppercase; } .lead-table { table-layout: fixed; min-width: var(--lead-table-width, 960px); width: 100%; } .lead-table th,.lead-table td { box-sizing: border-box; font-size: 13px; overflow: hidden; padding: 9px 10px; text-overflow: ellipsis; vertical-align: middle; } .lead-table th { color: color-mix(in srgb, var(--ink) 76%, var(--muted)); font-size: 12px; font-weight: 650; letter-spacing: 0; position: relative; text-transform: none; } .lead-table .table-header-label,.lead-table .table-sort-btn { align-items: center; font-size: 12px; font-weight: 650; gap: 3px; justify-content: flex-start; letter-spacing: 0; line-height: 1.08; min-height: 36px; min-width: 0; overflow: visible; padding: 7px 13px 7px 8px; text-overflow: clip; text-transform: none; white-space: normal; } .lead-table .table-sort-btn { position: relative; } .lead-table .table-sort-btn > span:first-child { min-width: 0; overflow: visible; overflow-wrap: normal; text-overflow: clip; white-space: normal; } .lead-table .sort-arrows { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); } .lead-table .lead-col-select { padding-left: 0; padding-right: 0; text-align: center; } .lead-select-header-icon { border: 1.5px solid color-mix(in srgb, var(--muted) 54%, var(--line)); border-radius: 4px; display: inline-block; height: 13px; width: 13px; } .lead-select-all-checkbox { cursor: pointer; display: inline-block; height: 14px; margin: 0 auto; vertical-align: middle; width: 14px; } .lead-select-all-checkbox:disabled { cursor: not-allowed; opacity: 0.45; } .lead-table td.select-cell { padding-left: 0; padding-right: 0; text-align: center; } .lead-table td.select-cell input { display: inline-block; margin: 0 auto; } .lead-table .lead-col-dateAdded { text-align: center; } .lead-table th.lead-col-dateAdded .table-header-label,.lead-table th.lead-col-dateAdded .table-sort-btn { justify-content: center; text-align: center; } .lead-table .lead-col-borrower { text-align: left; } .lead-table .lead-col-address { text-align: left; } .lead-table .lead-col-bonzoSms,.lead-table .lead-col-outlookEmail,.lead-table .lead-col-sms { text-align: center; } .lead-table th.lead-col-borrower .table-header-label,.lead-table th.lead-col-borrower .table-sort-btn, .lead-table th.lead-col-address .table-header-label,.lead-table th.lead-col-address .table-sort-btn { justify-content: center; text-align: center; } .lead-table .lead-col-id,.lead-table .lead-col-status,.lead-table .lead-col-state { text-align: center; } .lead-table .lead-col-purpose,.lead-table .lead-col-quoteStatus,.lead-table .lead-col-leadSource,.lead-table .lead-col-loanType,.lead-table .lead-col-occupancy { text-align: center; } .lead-table td.lead-col-purpose { line-height: 1.12; white-space: normal; } .lead-table .purpose-stack { align-items: center; display: inline-grid; gap: 2px; justify-items: center; line-height: 1.04; } .lead-table .purpose-stack span { display: block; white-space: nowrap; } .lead-table .lead-col-homeValue,.lead-table .lead-col-loanAmount,.lead-table .lead-col-currentRate { text-align: center; } .lead-table .lead-col-newLtv,.lead-table .lead-col-fico { text-align: center; } .lead-table th.lead-col-state .table-header-label,.lead-table th.lead-col-state .table-sort-btn, .lead-table th.lead-col-id .table-header-label,.lead-table th.lead-col-id .table-sort-btn, .lead-table th.lead-col-status .table-header-label,.lead-table th.lead-col-status .table-sort-btn, .lead-table th.lead-col-purpose .table-header-label,.lead-table th.lead-col-purpose .table-sort-btn, .lead-table th.lead-col-quoteStatus .table-header-label,.lead-table th.lead-col-quoteStatus .table-sort-btn, .lead-table th.lead-col-leadSource .table-header-label,.lead-table th.lead-col-leadSource .table-sort-btn, .lead-table th.lead-col-loanType .table-header-label,.lead-table th.lead-col-loanType .table-sort-btn, .lead-table th.lead-col-occupancy .table-header-label,.lead-table th.lead-col-occupancy .table-sort-btn, .lead-table th.lead-col-homeValue .table-header-label,.lead-table th.lead-col-homeValue .table-sort-btn, .lead-table th.lead-col-loanAmount .table-header-label,.lead-table th.lead-col-loanAmount .table-sort-btn, .lead-table th.lead-col-currentRate .table-header-label,.lead-table th.lead-col-currentRate .table-sort-btn, .lead-table th.lead-col-newLtv .table-header-label,.lead-table th.lead-col-newLtv .table-sort-btn, .lead-table th.lead-col-fico .table-header-label,.lead-table th.lead-col-fico .table-sort-btn { justify-content: center; text-align: center; } .lead-table .borrower-cell .meta { text-align: left; } .lead-table tbody tr { min-height: 74px; } .lead-table tbody td { height: 72px; } .lead-table .status { align-items: center; border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent); border-radius: 8px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); box-sizing: border-box; color: #101820 !important; display: inline-flex; font-size: 12px; font-weight: 400 !important; justify-content: center; line-height: 1.05; max-width: 100%; min-height: 24px; min-width: 0; overflow: hidden; padding: 6px 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .lead-table td.lead-col-status .status { width: 100%; } .lead-table .borrower-name-line { display: block; font-size: 13.5px; line-height: 1.14; margin-bottom: 2px; } .lead-table .borrower-name-line .name-link { font-weight: 650; } .lead-table .borrower-subline { font-size: 13px; line-height: 1.2; } .lead-table .borrower-subline .phone-link { font-weight: 400; } .lead-table .lead-row-borrower-edit { background: transparent; border: 0; color: color-mix(in srgb, var(--accent) 72%, var(--ink)); cursor: pointer; display: inline; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; max-width: 100%; overflow: hidden; padding: 0; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .lead-table .lead-row-borrower-edit:hover,.lead-table .lead-row-borrower-edit:focus { color: var(--accent); outline: 0; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } .lead-table .borrower-name-line .lead-row-borrower-edit { display: block; font-weight: 650; } .lead-table .borrower-subline .lead-row-borrower-edit { font-weight: 400; } .selected-lead-panel .lead-row-borrower-edit { background: transparent; border: 0; color: color-mix(in srgb, var(--accent) 70%, var(--ink)); cursor: pointer; display: block; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; max-width: 100%; overflow-wrap: anywhere; padding: 0; text-align: left; white-space: normal; } .selected-lead-panel .lead-row-borrower-edit:hover,.selected-lead-panel .lead-row-borrower-edit:focus { color: var(--accent); outline: 0; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } .selected-lead-panel .selected-lead-contact .lead-row-borrower-edit { font-weight: 400; } .lead-table .borrower-cell .inline-link, .lead-table .borrower-cell .phone-link, .lead-table .borrower-cell .borrower-email-link { font-weight: 400 !important; } .lead-table .borrower-action-row { gap: 5px; margin-top: 4px; } .lead-table-compact { min-width: var(--lead-table-width, 560px); } [data-theme="dark"] th { background: #172432; color: #b8c7d6; } .draggable-th { cursor: grab; user-select: none; } .lead-table .draggable-th[draggable="false"] { cursor: default; } .lead-table .draggable-th[draggable="false"] .table-sort-btn { cursor: pointer; } .draggable-th.is-dragging { opacity: .48; } .draggable-th.is-drop-target { box-shadow: inset 3px 0 0 var(--accent); color: var(--ink); } .table-header-label { display: inline-flex; min-height: 40px; padding: 11px 12px; } .sortable-th { padding: 0; } .table-sort-btn { align-items: center; background: transparent; border: 0; color: inherit; cursor: pointer; display: inline-flex; font: inherit; font-weight: 850; gap: 7px; justify-content: flex-start; min-height: 40px; padding: 11px 12px; text-align: left; text-transform: uppercase; width: 100%; } .table-sort-btn:hover { background: color-mix(in srgb, var(--accent) 10%, transparent); color: var(--ink); } .sortable-th.is-sorted .table-sort-btn { color: var(--ink); } .sort-arrows { display: inline-grid; flex: 0 0 auto; gap: 2px; opacity: .42; } .sortable-th:hover .sort-arrows,.sortable-th.is-sorted .sort-arrows { opacity: 1; } .sort-arrow { border-left: 4px solid transparent; border-right: 4px solid transparent; height: 0; width: 0; } .sort-arrow.up { border-bottom: 5px solid var(--muted); } .sort-arrow.down { border-top: 5px solid var(--muted); } .sort-arrows.asc .sort-arrow.up,.sort-arrows.desc .sort-arrow.down { border-bottom-color: var(--accent); border-top-color: var(--accent); } tr { cursor: pointer; } tr.selected { background: color-mix(in srgb, var(--workspace-selected-accent) 13%, #fff); } tr.active-lead { box-shadow: inset 4px 0 0 color-mix(in srgb, var(--workspace-selected-accent) 75%, var(--primary)); } [data-theme="dark"] tr.selected { background: color-mix(in srgb, var(--workspace-selected-accent) 20%, #0c1218); } .select-cell { cursor: pointer; min-width: 44px; width: 44px; } .select-cell input { cursor: pointer; } .status,.tag { border-radius: 999px; display: inline-block; font-size: 12px; font-weight: 400; padding: 6px 9px; } .status.hot,.tag.gold { background:#fff2cb;color:#755000; }.status.new,.status.green,.status.quote-ready,.tag.green{background:#e3f4ea;color:#0d5f2f}.status.needs-review{background:#fff8df;color:#7a5200}.status.sent,.status.blue,.tag.blue{background:#e6edf8;color:#234f8f}.status.working{background:#e8f2ff;color:#244b75}.status.app-taken{background:#eef1ff;color:#344082}.status.appointment,.status.follow-up{background:#e8f7f0;color:#0f6140}.status.seasoning{background:#f6efdf;color:#735220}.status.long-term{background:#eef3e8;color:#405d2c}.status.credit-repair{background:#f1eafd;color:#594078}.status.not-interested{background:#f4edf0;color:#6f3b4b}.status.not-qualified,.status.not-eligible{background:#f1f2f4;color:#4d5662} .panel { padding: 16px; } .panel-head { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; } .icon-btn { align-items: center; background: transparent; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); cursor: pointer; display: inline-flex; font-weight: 850; height: 34px; justify-content: center; width: 34px; } .panel h2 { font-size: 22px; margin-bottom: 8px; } .meta { color: var(--muted); font-size: 13px; margin-bottom: 14px; } .phone-link { color: color-mix(in srgb, var(--accent) 72%, var(--ink)); font-weight: 750; text-decoration: none; } .phone-link:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; } .phone-action-menu { background: var(--paper); border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); border-radius: 8px; box-shadow: 0 18px 42px rgba(16,24,32,.18); display: grid; gap: 9px; padding: 10px; position: absolute; width: 322px; z-index: 80; } .phone-action-menu-head { display: grid; gap: 2px; } .phone-action-menu-head strong { color: var(--ink); font-size: 13px; line-height: 1.2; } .phone-action-menu-head span { color: var(--muted); font-size: 12px; font-weight: 800; } .phone-action-menu-grid { display: grid; gap: 7px; grid-template-columns: repeat(3,minmax(0,1fr)); } .phone-action-btn { align-items: center; background: color-mix(in srgb, var(--soft) 78%, var(--paper)); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); cursor: pointer; display: inline-flex; font-size: 12px; font-weight: 900; justify-content: center; min-height: 34px; padding: 7px 8px; text-align: center; } .phone-action-btn:hover,.phone-action-btn:focus { border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); color: var(--accent); outline: 0; } .phone-action-btn.bonzo { background: #f233a6; border-color: #f233a6; color: #fff; } .phone-action-btn.bonzo .bonzo-mark { height: 18px; width: 18px; } .phone-action-btn.bonzo .bonzo-mark { margin-right: 2px; } .phone-action-btn.bonzo .bonzo-mark img { height: 14px; width: 14px; } .phone-action-btn.bonzo:disabled { cursor: wait; opacity: .7; } .phone-sms-composer { border-top: 1px solid var(--line); display: grid; gap: 8px; padding-top: 9px; } .phone-sms-composer[hidden] { display: none; } .phone-sms-composer label { color: var(--muted); display: grid; font-size: 11px; font-weight: 950; gap: 5px; letter-spacing: .04em; text-transform: uppercase; } .phone-sms-composer label small { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: 0; line-height: 1.2; text-transform: none; } .phone-sms-composer textarea { background: color-mix(in srgb, var(--soft) 70%, var(--paper)); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font: inherit; font-weight: 400; min-height: 92px; padding: 9px; resize: vertical; text-transform: none; } .phone-sms-actions { display: flex; gap: 8px; justify-content: flex-end; } .phone-sms-actions .btn { min-height: 34px; padding: 7px 10px; } .borrower-edit-popover { gap: 10px; width: min(360px, calc(100vw - 24px)); } .borrower-edit-popover-head { align-items: center; display: flex; gap: 10px; justify-content: space-between; } .borrower-edit-popover-head h3 { color: var(--ink); font-size: 18px; line-height: 1.15; margin: 0; } .borrower-edit-popover-head .icon-btn { height: 30px; width: 30px; } .borrower-edit-popover .borrower-edit-form { border-top: 1px solid var(--line); padding-top: 8px; } .borrower-edit-popover .borrower-edit-actions .btn { min-height: 34px; padding: 7px 12px; } .borrower-cell strong { display: block; margin-bottom: 2px; } .borrower-subline { display: block; line-height: 1.28; margin: 0; } .borrower-action-row { align-items: center; display: inline-flex; gap: 5px; margin-top: 3px; } .borrower-email-link { font-size: 12px; } .inline-link,.name-link { color: color-mix(in srgb, var(--accent) 70%, var(--ink)); font-weight: 800; text-decoration: none; } .inline-link:hover,.name-link:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; } .address-cell { max-width: none; overflow: hidden; text-overflow: ellipsis; } .address-cell .inline-link { display: block; font-weight: 650; overflow: hidden; text-overflow: ellipsis; } .selected-lead-head { display: grid; gap: 8px; margin-bottom: 14px; min-width: 0; } .selected-lead-topline { align-items: start; display: grid; gap: 8px 10px; grid-template-columns: minmax(0,1fr) minmax(82px,max-content); min-width: 0; } .selected-lead-identity { align-content: start; display: grid; gap: 4px; min-width: 0; padding-top: 0; } .selected-lead-side-controls { align-content: start; display: grid; gap: 5px; justify-items: center; min-width: 82px; position: relative; right: -1px; top: -7px; } .selected-lead-source-slot { align-self: start; display: flex; justify-content: center; justify-self: center; min-width: 0; padding-top: 0; width: 100%; } .selected-lead-source-slot .lead-pane-source-pill.source-pill { max-width: 118px; } .selected-lead-utility-row { align-items: center; display: inline-flex; gap: 4px; justify-content: flex-end; justify-self: end; min-height: 24px; width: 100%; } .selected-lead-toolbar { --selected-lead-toolbar-control: 36px; align-items: center; display: grid; gap: 8px; grid-template-columns: auto auto minmax(0,1fr); min-width: 0; } .lead-pane-label { align-items: center; background: color-mix(in srgb, var(--accent) 11%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--accent) 82%, var(--primary)); display: inline-flex; justify-content: center; margin: 0; min-height: calc(var(--selected-lead-toolbar-control) + 1px); min-width: 76px; padding: 0 15px; } .selected-lead-side-controls .lead-pane-label { transform: none; } button.lead-pane-label { cursor: pointer; font-family: inherit; font-size: 15px; font-weight: 400; line-height: 1; text-transform: uppercase; } button.lead-pane-label:hover,button.lead-pane-label:focus { background: color-mix(in srgb, var(--accent) 16%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); color: var(--accent); outline: 0; } .lead-pane-label.is-pinned-label { cursor: pointer; } .selected-lead-nav { align-items: center; display: inline-flex; gap: 1px; justify-self: center; min-height: 22px; min-width: 0; white-space: nowrap; } .selected-lead-nav span { color: var(--muted); font-size: 14px; font-weight: 400; min-width: 38px; text-align: center; } .lead-nav-btn { align-items: center; background: transparent; border: 0; border-radius: 0; color: var(--accent); cursor: pointer; display: inline-flex; height: 24px; justify-content: center; padding: 0; width: 22px; } .lead-nav-btn svg { display: block; fill: none; height: 21px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.4; width: 21px; } .lead-nav-btn:hover,.lead-nav-btn:focus { color: color-mix(in srgb, var(--accent) 72%, var(--primary)); outline: 0; } .lead-nav-btn:disabled { cursor: default; opacity: .34; } .lead-nav-btn:disabled:hover,.lead-nav-btn:disabled:focus { color: var(--accent); } .selected-lead-name-row { align-items: center; display: flex; gap: 8px; justify-content: flex-start; min-width: 0; } .selected-lead-name-row h2 { min-width: 0; width: 100%; } .selected-lead-name-row .name-link { display: block; font-size: clamp(19px, 7.8cqw, 25px); font-weight: 650; line-height: 1.08; max-width: 100%; overflow: visible; overflow-wrap: anywhere; text-overflow: clip; white-space: normal; word-break: normal; } .selected-lead-head h2 { container-type: inline-size; font-size: 24px; line-height: 1.16; margin: 0; } .selected-lead-contact { color: color-mix(in srgb, var(--accent) 70%, var(--ink)); display: grid; font-size: 13px; font-weight: 400; gap: 2px; line-height: 1.22; min-width: 0; } .selected-lead-contact a,.selected-lead-contact span { font-weight: 400; overflow-wrap: anywhere; } .selected-lead-panel .selected-lead-contact .inline-link, .selected-lead-panel .selected-lead-contact .phone-link, .selected-lead-panel .selected-lead-contact .name-link { font-weight: 400; } .selected-lead-city-action-line { align-items: center; display: inline-flex; flex-wrap: wrap; gap: 6px; min-width: 0; } .selected-lead-contact-chips { align-items: center; display: inline-flex; flex: 0 0 auto; gap: 5px; margin: 1px 0 0; white-space: nowrap; } .selected-lead-contact-chips .selected-contact-chip { height: 22px; min-height: 22px; min-width: 28px; padding: 3px 7px; } .selected-lead-contact-chips .selected-contact-chip.bonzo { min-width: 32px; } .selected-lead-contact-chips .selected-contact-chip.sms { min-width: 32px; } .selected-lead-contact-chips .selected-contact-chip svg { height: 13px; width: 13px; } .selected-lead-contact-chips .selected-contact-chip .bonzo-mark { height: 16px; width: 16px; } .selected-lead-contact-chips .selected-contact-chip .bonzo-mark img { height: 12px; width: 12px; } .selected-lead-toolbar-chips { align-items: center; display: inline-flex; flex: 0 0 auto; gap: 6px; } .selected-lead-toolbar-chips .selected-contact-chip { border-radius: 999px; height: var(--selected-lead-toolbar-control); min-height: var(--selected-lead-toolbar-control); min-width: var(--selected-lead-toolbar-control); padding: 0; width: var(--selected-lead-toolbar-control); } .selected-lead-toolbar-chips .selected-contact-chip.bonzo,.selected-lead-toolbar-chips .selected-contact-chip.sms { min-width: var(--selected-lead-toolbar-control); } .selected-lead-toolbar-chips .selected-contact-chip svg { height: 17px; width: 17px; } .selected-lead-toolbar-chips .selected-contact-chip .bonzo-mark { height: 23px; width: 23px; } .selected-lead-toolbar-chips .selected-contact-chip .bonzo-mark img { height: 18px; width: 18px; } .selected-lead-contact-row { align-items: start; display: grid; gap: 6px; grid-template-columns: minmax(0,1fr); } .selected-lead-contact-row .property-chip-row { align-self: end; gap: 8px; padding-bottom: 1px; } .selected-lead-contact-row .property-chip { height: 34px; width: 34px; } .selected-lead-contact-row .property-chip img,.selected-lead-contact-row .zillow-chip img { height: 30px; width: 30px; } .selected-lead-head .meta { margin-bottom: 0; } .selected-lead-actions { align-items: center; display: flex; flex-wrap: nowrap; gap: 8px; justify-content: flex-end; justify-self: end; min-height: var(--selected-lead-toolbar-control); min-width: 0; } .selected-lead-panel { --selected-lead-toolbar-control: 36px; align-self: start; display: flex; flex-direction: column; max-height: none; overflow: visible; overflow-anchor: none; padding: 9px 7px 12px 12px; position: sticky; top: 18px; } .workspace.has-side-panel > .selected-lead-panel { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; box-shadow: 0 8px 18px rgba(16,24,32,.05); height: max-content; max-height: calc(100vh - 34px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; } .workspace.has-side-panel > .selected-lead-panel::after { content: none; display: none; } .lead-pin-btn,.lead-panel-collapse-btn { align-items: center; background: transparent; border: 0; border-radius: 0; color: color-mix(in srgb, var(--muted) 86%, var(--ink)); cursor: pointer; display: inline-flex; flex: 0 0 auto; height: 24px; justify-content: center; padding: 0; width: 24px; } .lead-pin-btn svg,.lead-panel-collapse-btn svg { display: block; fill: none; height: 19px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 19px; } .lead-panel-collapse-btn svg.triple-chevron-icon,.lead-panel-collapse-btn svg.double-chevron-icon { height: 22px; width: 22px; } .lead-panel-collapse-btn svg.triple-chevron-icon path,.lead-panel-collapse-btn svg.double-chevron-icon path { stroke-width: 2; } .lead-pin-btn.is-pinned { background: transparent; border-color: transparent; color: color-mix(in srgb, var(--brand-gold) 76%, var(--ink)); } .lead-pin-btn:hover,.lead-pin-btn:focus,.lead-panel-collapse-btn:hover,.lead-panel-collapse-btn:focus { background: transparent; border-color: transparent; color: var(--accent); outline: 0; } .lead-pin-btn.is-pinned:hover,.lead-pin-btn.is-pinned:focus { color: color-mix(in srgb, var(--brand-gold) 72%, var(--ink)); } .selected-lead-actions .icon-btn { height: var(--selected-lead-toolbar-control); width: var(--selected-lead-toolbar-control); } .lead-side-rail { align-self: start; display: grid; gap: 6px; justify-self: end; position: sticky; top: 18px; transform: translateX(4px); width: 65px; } .lead-rail-tab { align-items: center; background: color-mix(in srgb, var(--paper) 92%, var(--accent)); border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--line)); border-radius: 8px; box-shadow: 0 12px 30px rgba(16,24,32,.08); color: var(--ink); display: grid; gap: 0; justify-items: center; min-height: 142px; padding: 6px 4px; position: relative; width: 65px; } .lead-rail-expand-btn,.lead-rail-name-btn,.lead-rail-nav-btn { background: transparent; border: 0; color: inherit; cursor: pointer; font-family: inherit; padding: 0; } .lead-rail-expand-btn { align-items: center; background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); border-radius: 999px; display: inline-flex; height: 28px; justify-content: center; width: 40px; } .lead-rail-expand-btn::before { border: solid var(--accent); border-width: 0 2px 2px 0; content: ""; height: 7px; margin-left: 3px; transform: rotate(135deg); width: 7px; } .lead-rail-expand-btn span { color: color-mix(in srgb, var(--accent) 82%, var(--primary)); font-size: 0; } .lead-rail-name-btn { align-items: center; display: grid; gap: 0; justify-items: center; min-height: 68px; min-width: 0; width: 100%; } .lead-rail-name-btn strong { color: var(--ink); display: block; font-size: 13px; font-weight: 650; line-height: 1.08; max-height: 86px; overflow: hidden; text-align: center; text-overflow: ellipsis; text-orientation: mixed; writing-mode: vertical-rl; } .lead-rail-name-btn small { color: var(--muted); font-size: 9px; font-weight: 500; letter-spacing: .02em; line-height: 1; } .lead-rail-count { color: #101820; display: block; font-size: 12px; font-weight: 650; letter-spacing: 0; line-height: 1; text-align: center; } .lead-rail-nav-btn { align-items: center; background: transparent; border: 0; border-radius: 0; color: var(--accent); display: inline-flex; height: 18px; justify-content: center; width: 22px; } .lead-rail-nav-btn::before { border: solid currentColor; border-width: 0 2.6px 2.6px 0; content: ""; height: 10px; width: 10px; } .lead-rail-nav-btn.previous::before { margin-top: 4px; transform: rotate(-135deg); } .lead-rail-nav-btn.next::before { margin-bottom: 4px; transform: rotate(45deg); } .lead-rail-nav-btn:disabled { cursor: not-allowed; opacity: .38; } .lead-rail-expand-btn:hover,.lead-rail-expand-btn:focus,.lead-rail-name-btn:hover,.lead-rail-name-btn:focus,.lead-rail-nav-btn:hover,.lead-rail-nav-btn:focus { outline: 0; } .lead-rail-tab:hover { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 54%, var(--line)); } .lead-rail-chip-stack { display: grid; gap: 6px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack::before { background: color-mix(in srgb, var(--muted) 54%, var(--line)); border-radius: 999px; content: ""; display: block; height: 3px; margin: 1px 0 2px; width: 65px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack::after { background: linear-gradient(to bottom, color-mix(in srgb, var(--window-bg) 88%, transparent), transparent); border-radius: 0 0 14px 14px; content: ""; display: block; height: 22px; margin-top: -1px; pointer-events: none; width: 65px; } @media (min-width: 981px) and (max-width: 1180px) and (pointer: fine) { .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) { align-content: start; background: color-mix(in srgb, var(--paper) 96%, var(--soft)); border: 1px solid var(--window-border); border-radius: 12px; box-shadow: 0 8px 18px rgba(16,24,32,.05), inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); box-sizing: border-box; gap: 6px; grid-auto-rows: max-content; height: max-content; max-height: calc(100vh - var(--lead-rail-floating-top, 18px) - 12px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 6px; top: var(--lead-rail-floating-top, 18px); transform: none; width: 77px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-source-pill.source-pill, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-separator, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-context, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chips { width: 65px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack::after { content: none; display: none; } } @media (min-width: 1181px) and (pointer: fine) { .workspace.has-side-panel > .selected-lead-panel { max-height: calc(100vh - var(--lead-rail-floating-top, 18px) - 12px); top: var(--lead-rail-floating-top, 18px); } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) { align-content: start; background: color-mix(in srgb, var(--paper) 96%, var(--soft)); border: 1px solid var(--window-border); border-radius: 12px; box-shadow: 0 8px 18px rgba(16,24,32,.05), inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); box-sizing: border-box; gap: 6px; grid-auto-rows: max-content; height: max-content; max-height: calc(100vh - var(--lead-rail-floating-top, 18px) - 12px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 6px; top: var(--lead-rail-floating-top, 18px); transform: none; width: 77px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-source-pill.source-pill, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-separator, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-context, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chips { width: 65px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack::after { content: none; display: none; } .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail { align-content: start; background: color-mix(in srgb, var(--paper) 96%, var(--soft)); border: 1px solid var(--window-border); border-radius: 12px; box-shadow: 0 8px 18px rgba(16,24,32,.05), inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); box-sizing: border-box; gap: 6px; grid-auto-rows: max-content; grid-column: 1; grid-row: 1; height: max-content; justify-self: end; max-height: calc(100vh - var(--lead-sticky-header-height, 0px) - 24px); opacity: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 6px; pointer-events: none; position: sticky; top: calc(var(--lead-sticky-header-height, 0px) + 12px); transform: translateX(12px); transition: opacity .16s ease, transform .16s ease; width: 77px; z-index: 56; } .workspace.has-expanded-inline-lead-panel.lead-inline-detail-out-of-view > .lead-transient-inline-rail { opacity: 1; pointer-events: auto; transform: translateX(4px); } .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail .lead-rail-tab, .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail .lead-rail-chip, .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail .lead-rail-source-pill.source-pill, .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail .lead-rail-scenario-chip, .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail .lead-rail-separator, .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail .lead-rail-context, .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail .lead-rail-scenario-chips { width: 65px; } .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail .lead-rail-chip-stack::after { content: none; display: none; } } .lead-rail-chip { align-items: center; background: var(--workspace-action-chip-fill); border: 1px solid var(--workspace-action-chip-border); border-radius: 8px; color: var(--ink); cursor: pointer; display: grid; font-family: inherit; gap: 2px; grid-template-rows: 18px max-content; justify-items: center; min-height: 42px; padding: 5px 3px; position: relative; width: 65px; } .lead-rail-chip svg { fill: none; height: 16px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 16px; } .lead-rail-chip span { color: currentColor; font-size: 8px; font-weight: 600; letter-spacing: 0; line-height: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .lead-rail-chip:hover,.lead-rail-chip:focus { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 46%, var(--line)); color: var(--accent); outline: 0; } .lead-rail-chip.is-active { background: color-mix(in srgb, var(--accent) 15%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 58%, var(--line)); box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--accent) 68%, transparent); color: var(--primary); } .lead-rail-badge { align-items: center; border: 2px solid var(--paper); border-radius: 999px; box-shadow: 0 7px 16px rgba(16,24,32,.18); color: #fff; display: inline-flex; font-size: 10px; font-weight: 650; height: 18px; justify-content: center; line-height: 1; min-width: 18px; padding: 0 4px; position: absolute; right: -5px; top: -5px; z-index: 2; } .lead-rail-chip .lead-rail-badge { color: #fff; font-size: 10px; line-height: 1; max-width: none; overflow: visible; text-transform: none; white-space: nowrap; } .lead-rail-badge.check { background: #d92d20; } .lead-rail-badge.pass { background: #0f8f54; } .lead-rail-chip.quote, .lead-rail-chip.bonzo, .lead-rail-chip.status, .lead-rail-chip.notes, .lead-rail-chip.import { background: var(--workspace-action-chip-fill); border-color: var(--workspace-action-chip-border); color: var(--ink); } .lead-rail-chip.quote svg { color: var(--accent); stroke: var(--accent); } .lead-rail-chip.quote span, .lead-rail-chip.bonzo span { color: currentColor; text-transform: none; } .lead-rail-chip.quote:hover,.lead-rail-chip.quote:focus, .lead-rail-chip.bonzo:hover,.lead-rail-chip.bonzo:focus, .lead-rail-chip.import:hover,.lead-rail-chip.import:focus { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 46%, var(--line)); color: var(--accent); } .lead-rail-chip.quote:hover svg,.lead-rail-chip.quote:focus svg { color: var(--accent); stroke: var(--accent); } .lead-rail-chip.status { color: var(--ink); } .lead-rail-chip.status span { color: currentColor; } .lead-rail-chip.status { grid-template-columns: minmax(0,1fr); grid-template-rows: 18px max-content; } .lead-rail-chip.status svg { align-self: end; grid-column: 1; grid-row: 1; justify-self: center; } .lead-rail-chip.status span:not(.lead-rail-badge) { align-self: start; display: block; grid-column: 1; grid-row: 2; justify-self: center; text-align: center; width: 100%; } .lead-rail-chip.status:hover,.lead-rail-chip.status:focus { background: color-mix(in srgb, var(--accent) 13%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); color: var(--ink); } .lead-rail-chip.notes { color: var(--ink); } .lead-rail-chip.notes span { color: currentColor; } .lead-rail-chip.notes:hover,.lead-rail-chip.notes:focus { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); color: var(--ink); } .lead-rail-chip.mismo { color: var(--ink); } .lead-rail-chip.mismo span { color: currentColor; } .lead-rail-chip.mismo:hover,.lead-rail-chip.mismo:focus { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); color: var(--ink); } .lead-rail-chip.bonzo .bonzo-mark { align-items: center; background: #fff; border-radius: 999px; display: inline-flex; height: 17px; justify-content: center; width: 17px; } .lead-rail-chip.bonzo .bonzo-mark img { height: 13px; width: 13px; } .lead-rail-chip.bonzo .bonzo-mark + span { display: block; } .lead-rail-bonzo-label::before { content: attr(data-mobile-label); display: none; } .lead-rail-chip:disabled { cursor: wait; opacity: .68; } .lead-rail-chip.is-locked,.lead-panel-action-chip.is-locked { background: color-mix(in srgb, var(--soft) 84%, var(--paper)) !important; border-color: color-mix(in srgb, var(--brand-gold) 36%, var(--line)) !important; color: color-mix(in srgb, var(--muted) 82%, var(--ink)) !important; cursor: not-allowed; opacity: .78; } .lead-rail-chip.is-locked .bonzo-mark,.lead-panel-action-chip.is-locked .bonzo-mark { opacity: .62; } .lead-pane-source-pill.source-pill { appearance: none; border-radius: 8px; cursor: pointer; font-family: inherit; line-height: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .selected-lead-source-slot .lead-pane-source-pill.source-pill { border-radius: 8px; box-sizing: border-box; font-size: 13px; justify-self: center; max-width: 140px; min-height: 29px; min-width: 78px; padding: 7px 11px; text-align: center; width: max-content; } .lead-pane-source-pill.source-pill:hover,.lead-pane-source-pill.source-pill:focus { filter: saturate(1.05); outline: 0; } .lead-rail-context { display: grid; gap: 6px; justify-items: center; width: 65px; } .lead-rail-separator { background: color-mix(in srgb, var(--muted) 54%, var(--line)); border-radius: 999px; display: block; height: 3px; margin: 7px 0 2px; width: 65px; } .lead-rail-source-pill.source-pill { appearance: none; border-radius: 8px; box-sizing: border-box; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 600; line-height: 1; max-width: 65px; min-height: 31px; min-width: 58px; overflow: hidden; padding: 7px 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .lead-rail-context .lead-rail-source-pill.source-pill[class*="source-tone-source-"] { font-size: 12px; font-weight: 600; padding-left: 7px; padding-right: 7px; } .lead-rail-source-pill.source-pill:hover,.lead-rail-source-pill.source-pill:focus { filter: saturate(1.05); outline: 0; } .lead-rail-scenario-chips { display: grid; gap: 5px; width: 65px; } .lead-rail-scenario-chip { appearance: none; background: color-mix(in srgb, var(--paper) 88%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 86%, var(--paper)); border-radius: 7px; box-sizing: border-box; color: inherit; display: grid; font-family: inherit; gap: 2px; min-height: 43px; padding: 6px 3px 5px; text-align: center; width: 65px; } .lead-rail-scenario-chip.is-toggleable { cursor: pointer; } .lead-rail-scenario-chip.is-toggleable:hover,.lead-rail-scenario-chip.is-toggleable:focus-visible { border-color: color-mix(in srgb, var(--accent) 60%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent); outline: 0; } .lead-rail-scenario-chip[aria-pressed="true"] { box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 38%, transparent); } .lead-rail-scenario-chip small { color: color-mix(in srgb, var(--muted) 82%, var(--ink)); font-size: 8.5px; font-weight: 500; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lead-rail-scenario-chip strong { color: var(--ink); font-size: 12.5px; font-weight: 650; line-height: 1.08; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lead-rail-scenario-chip[data-editor-field="purpose"] strong { align-items: center; display: flex; font-size: 10.6px; justify-content: center; line-height: 1.03; margin: 0 auto; max-width: 100%; min-height: 21px; text-wrap: balance; white-space: normal; } .quick-detail > span[data-action="focus-lead-editor-field"] { cursor: pointer; } .lead-rail-scenario-chip.scenario-ltv-safe,.lead-rail-scenario-chip.scenario-fico-safe,.quick-detail.scenario-ltv-safe,.quick-detail.scenario-fico-safe { background: color-mix(in srgb, var(--green) 7%, var(--paper)); border-color: color-mix(in srgb, var(--green) 18%, var(--line)); } .lead-rail-scenario-chip.scenario-ltv-caution,.lead-rail-scenario-chip.scenario-fico-caution,.quick-detail.scenario-ltv-caution,.quick-detail.scenario-fico-caution { background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 25%, var(--line)); } .lead-rail-scenario-chip.scenario-ltv-alert,.lead-rail-scenario-chip.scenario-fico-alert,.quick-detail.scenario-ltv-alert,.quick-detail.scenario-fico-alert { background: color-mix(in srgb, var(--red) 7%, var(--paper)); border-color: color-mix(in srgb, var(--red) 20%, var(--line)); } .pipeline-side-rail { align-self: start; } .pipeline-rail-tab { min-height: 118px; } .pipeline-rail-name-btn { min-height: 82px; } .pipeline-rail-count { margin-top: 2px; } .pipeline-side-rail .pipeline-rail-chip-stack .pipeline-rail-milestone-chip { align-items: center !important; border-radius: 7px !important; display: inline-flex !important; gap: 0 !important; justify-content: center !important; justify-self: center !important; min-height: 28px !important; padding: 5px 6px !important; width: 64px !important; } .pipeline-side-rail .pipeline-rail-chip-stack .pipeline-rail-milestone-chip svg { display: none !important; } .pipeline-side-rail .pipeline-rail-chip-stack .pipeline-rail-milestone-chip span { font-size: 10px !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; } .borrower-name-email { color: color-mix(in srgb, var(--accent) 72%, var(--ink)); text-decoration: none; } .borrower-name-email:hover,.borrower-name-email:focus { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; } .borrower-email-link.is-locked,.borrower-name-email.is-locked,.doc-action-outlook.is-locked { cursor: not-allowed; opacity: .72; text-decoration: none; } .lead-action-cell { text-align: center; } .lead-table-action { align-items: center; border-radius: 999px; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 11px; font-weight: 950; gap: 5px; justify-content: center; min-height: 30px; min-width: 72px; padding: 6px 9px; text-decoration: none; text-transform: uppercase; } .lead-table-action svg { fill: none; height: 15px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 15px; } .lead-table-action.bonzo { background: #f233a6; border: 1px solid #f233a6; color: #fff; } .lead-table-action.bonzo .bonzo-mark { height: 18px; width: 18px; } .lead-table-action.bonzo .bonzo-mark img { height: 14px; width: 14px; } .lead-table-action.outlook { background: color-mix(in srgb, #0078d4 12%, var(--paper)); border: 1px solid color-mix(in srgb, #0078d4 34%, var(--line)); color: #0078d4; } .lead-table-action.sms { background: color-mix(in srgb, #42a5f5 13%, var(--paper)); border: 1px solid color-mix(in srgb, #42a5f5 36%, var(--line)); color: #1671b7; } .lead-table-action.is-locked,.lead-table-action:disabled { background: color-mix(in srgb, var(--soft) 84%, var(--paper)) !important; border-color: color-mix(in srgb, var(--brand-gold) 36%, var(--line)) !important; color: color-mix(in srgb, var(--muted) 82%, var(--ink)) !important; cursor: not-allowed; opacity: .78; transform: none; } .lead-table-action.compact { min-height: 22px; min-width: 28px; padding: 3px 7px; } .lead-table-action.compact .bonzo-mark { height: 16px; width: 16px; } .lead-table-action.compact .bonzo-mark img { height: 12px; width: 12px; } .lead-table-action.compact .bonzo-mark + span { display: none; } .lead-table-action.compact svg { height: 13px; width: 13px; } .lead-table-action:hover,.lead-table-action:focus { filter: saturate(1.08); outline: 0; transform: translateY(-1px); } .lead-pane-inline-row > td { background: var(--window-bg); border-top: 1px solid color-mix(in srgb, var(--window-border) 90%, var(--accent)); padding: 10px 10px 14px; } .lead-pane-inline-row .selected-lead-panel { box-sizing: border-box; max-width: 100%; position: static; top: auto; transform: none; width: 100%; } @media (max-width: 980px) { .workspace.has-inline-lead-panel { --skinny-inline-row-width: calc(100dvw - 86px); --skinny-inline-pane-width: 430px; } .workspace.has-inline-lead-panel .lead-pane-inline-row, .workspace.has-inline-lead-panel .expanded-row { display: table-row; max-width: none; width: auto; } .workspace.has-inline-lead-panel .lead-pane-inline-row > td, .workspace.has-inline-lead-panel .expanded-row > td { box-sizing: border-box; display: table-cell; left: auto; max-width: none; position: static; transform: none; width: auto; } .workspace.has-inline-lead-panel .lead-pane-inline-row .selected-lead-panel { margin-left: auto; margin-right: auto; max-width: min(100%, var(--skinny-inline-pane-width), var(--skinny-inline-row-width)); min-width: 0; overflow: hidden; position: static; top: auto; transform: none; width: min(100%, var(--skinny-inline-pane-width), var(--skinny-inline-row-width)); } .workspace.has-inline-lead-panel .expanded-row .lead-editor { box-sizing: border-box; margin-left: 0; margin-right: auto; max-width: var(--skinny-inline-row-width); min-width: 0; overflow: hidden; padding-left: 8px; padding-right: 8px; width: min(100%, var(--skinny-inline-row-width)); } .workspace.has-inline-lead-panel .expanded-row .lead-editor-grid { grid-auto-flow: row; grid-template-columns: minmax(0,1fr) !important; } .workspace.has-inline-lead-panel .expanded-row .lead-editor-grid > [data-lead-editor-card], .workspace.has-inline-lead-panel .expanded-row .lead-editor-lane, .workspace.has-inline-lead-panel .expanded-row .lead-editor-lane > .editor-section { grid-column: 1 / -1 !important; min-width: 0; width: 100%; } .workspace.has-inline-lead-panel .lead-pane-inline-row .selected-lead-panel .quick-detail, .workspace.has-inline-lead-panel .lead-pane-inline-row .selected-lead-panel .lead-panel-control-icon, .workspace.has-inline-lead-panel .lead-pane-inline-row .selected-lead-panel .lead-panel-notes-preview, .workspace.has-inline-lead-panel .lead-pane-inline-row .selected-lead-panel .lead-panel-log-preview { min-width: 0; } } @media (pointer: fine) and (max-width: 1198px) { .workspace.has-desktop-inline-detail-lock { --desktop-inline-pane-width: min(430px, calc(100dvw - 32px)); --desktop-inline-stack-width: min(430px, calc(100dvw - 32px)); --desktop-lead-detail-width: min(100%, calc(100dvw - 24px)); --lead-pane-lower-tool-width: min(410px, calc(100dvw - 40px)); } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-block { background: color-mix(in srgb, var(--soft) 72%, var(--paper)); border-top: 1px solid color-mix(in srgb, var(--line) 90%, var(--accent)); box-sizing: border-box; display: block; margin-left: auto; margin-right: auto; max-width: var(--desktop-lead-detail-width); overflow: hidden; padding: 10px 10px 14px 6px; width: var(--desktop-lead-detail-width); } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack { box-sizing: border-box; display: grid; gap: 8px; justify-self: center; margin-left: auto; margin-right: auto; max-width: var(--desktop-inline-stack-width); min-width: 0; padding: 16px 10px; width: var(--desktop-inline-stack-width); } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel { box-sizing: border-box; justify-self: center; max-width: var(--desktop-inline-pane-width); min-width: 0; overflow: hidden; position: static; top: auto; transform: none; width: 100%; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card:not([open]) > .editor-section-summary { grid-template-columns: minmax(0,1fr) max-content; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child { justify-self: start; min-width: 0; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-notes-appointment-pill { box-sizing: border-box; justify-self: end; max-width: 124px; min-width: 0; overflow: hidden; padding-left: 9px; padding-right: 9px; text-overflow: ellipsis; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card:not([open]) .lead-panel-notes-preview { box-sizing: border-box; display: inline-flex; grid-column: 1 / -1; justify-self: stretch; min-width: 0; width: 100%; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor { margin-left: 0; margin-right: 0; max-width: 100%; width: 100%; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid { grid-auto-flow: row; grid-auto-rows: 4px; gap: 8px !important; grid-template-columns: minmax(0,1fr) !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid > [data-lead-editor-card], .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-lane, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-lane > .editor-section { grid-column: 1 / -1 !important; min-width: 0; width: 100%; } } @media (pointer: fine) and (max-width: 1198px) { .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid.is-measured-two-lane { grid-auto-flow: row !important; grid-template-columns: minmax(0,1fr) !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid.is-measured-two-lane > [data-lead-editor-card="property"], .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid.is-measured-two-lane > [data-lead-editor-card="loanScenario"], .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid.is-measured-two-lane > [data-lead-editor-card="pricing"] { grid-column: 1 / -1 !important; } } @media (max-width: 640px) { .workspace.has-mobile-inline-detail-lock { --lead-pane-lower-tool-width: min(410px, calc(100dvw - 40px)); --mobile-lead-detail-effective-width: min(var(--mobile-lead-detail-width), 438px); --mobile-lead-detail-width: calc(100dvw - 24px); } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-block { background: color-mix(in srgb, var(--soft) 72%, var(--paper)); border-top: 1px solid color-mix(in srgb, var(--line) 90%, var(--accent)); box-sizing: border-box; display: block; margin-left: calc((100% - var(--mobile-lead-detail-effective-width)) / 2); margin-right: calc((100% - var(--mobile-lead-detail-effective-width)) / 2); max-width: none; overflow: hidden; padding: 8px; width: var(--mobile-lead-detail-effective-width); } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack { display: grid; gap: 8px; min-width: 0; width: 100%; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block { justify-self: stretch; margin-left: 0; margin-right: 0; max-width: 100%; padding: 0; transform: none; width: 100%; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame { margin: 0; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel { box-sizing: border-box; justify-self: stretch; max-width: 100%; min-width: 0; overflow: hidden; position: static; top: auto; transform: none; width: auto; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card > .editor-section-summary { grid-template-columns: minmax(0,1fr) max-content; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card:not([open]) > .editor-section-summary { grid-template-columns: minmax(0,1fr) max-content; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child { justify-self: start; min-width: 0; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-notes-appointment-pill { box-sizing: border-box; justify-self: end; max-width: 124px; min-width: 0; overflow: hidden; padding-left: 9px; padding-right: 9px; text-overflow: ellipsis; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card:not([open]) .lead-panel-notes-preview { grid-column: 1 / -1; min-width: 0; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-log-card:not([open]) > .editor-section-summary { grid-template-columns: max-content minmax(0,1fr); } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-log-card:not([open]) .lead-panel-log-preview { grid-column: auto; justify-self: stretch; min-width: 0; width: auto; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor { margin-left: 0; margin-right: 0; max-width: 100%; width: 100%; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid { grid-auto-flow: row; grid-template-columns: minmax(0,1fr) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid > [data-lead-editor-card], .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-lane, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-lane > .editor-section { grid-column: 1 / -1 !important; min-width: 0; width: 100%; } .lead-table-continuation-wrap { border-top-left-radius: 0; border-top-right-radius: 0; } } @media (max-width: 520px) { .workspace.has-inline-lead-panel { --skinny-inline-row-width: calc(100dvw - 48px); } } @media (max-width: 380px) { .admin-control-center .admin-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .admin-control-center .admin-metric-card { min-height: 50px; } .admin-control-center .admin-user-row { grid-template-columns: 1fr; } .admin-control-center .admin-state-bubble-grid { grid-template-columns: repeat(6,minmax(0,1fr)); } } .column-toggle .column-chip-label { align-items: center; display: inline-flex; gap: 7px; min-width: 0; } .column-toggle .column-chip-label > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .column-toggle .column-chip-label svg { fill: none; height: 15px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 15px; } .column-toggle .bonzo-mark { align-items: center; background: #fff; border-radius: 999px; display: inline-flex; flex: 0 0 auto; height: 18px; justify-content: center; width: 18px; } .column-toggle .bonzo-mark img { height: 14px; width: 14px; } .column-toggle-button { align-items: center; background: transparent; border: 0; color: inherit; cursor: pointer; display: flex; flex: 1 1 auto; font: inherit; font-weight: inherit; gap: 7px; justify-content: flex-start; min-height: 100%; min-width: 0; padding: 0; text-align: left; } .column-toggle-button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .column-toggle.is-action-column .column-toggle-button { width: 100%; } .column-toggle.is-action-column .column-chip-label { color: var(--ink); justify-content: flex-start; width: auto; } .column-drag-grip { border-left: 2px solid color-mix(in srgb, var(--muted) 34%, transparent); border-right: 2px solid color-mix(in srgb, var(--muted) 34%, transparent); display: none; flex: 0 0 8px; height: 18px; opacity: .62; } .lead-column-list.is-unlocked .column-order-row.is-draggable .column-drag-grip { display: inline-block; } .lead-column-list.is-unlocked .column-order-row.is-draggable { cursor: grab; } .lead-column-list.is-unlocked .column-order-row.is-draggable:active { cursor: grabbing; } .lead-column-list .column-order-row.is-dragging { opacity: .54; } .lead-column-list .column-order-row.is-drop-target { border-color: color-mix(in srgb, var(--accent) 70%, var(--line)); box-shadow: inset 0 3px 0 color-mix(in srgb, var(--accent) 72%, transparent); } .lead-column-list .column-order-row.is-drop-target.is-drop-after { box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--accent) 72%, transparent); } .column-toggle[data-lead-column-row="bonzoSms"] { background: color-mix(in srgb, #f233a6 12%, var(--paper)); border-color: color-mix(in srgb, #f233a6 34%, var(--line)); color: var(--ink); } .column-toggle[data-lead-column-row="outlookEmail"] { background: color-mix(in srgb, #0078d4 12%, var(--paper)); border-color: color-mix(in srgb, #0078d4 34%, var(--line)); color: var(--ink); } .column-toggle[data-lead-column-row="outlookEmail"] .column-chip-label svg { color: #0078d4; } .column-toggle[data-lead-column-row="sms"] { background: color-mix(in srgb, #42a5f5 13%, var(--paper)); border-color: color-mix(in srgb, #42a5f5 36%, var(--line)); color: var(--ink); } .column-toggle[data-lead-column-row="sms"] .column-chip-label svg { color: #1671b7; } .column-toggle:not(.is-visible) { background: color-mix(in srgb, var(--soft) 84%, var(--paper)); border-color: color-mix(in srgb, var(--line) 82%, var(--soft)); box-shadow: none; color: color-mix(in srgb, var(--muted) 92%, var(--ink)); font-weight: 400; } .column-toggle:not(.is-visible) .column-drag-grip { opacity: .18; } .column-toggle:not(.is-visible) .column-chip-label svg,.column-toggle:not(.is-visible) .bonzo-mark { opacity: .58; } .column-toggle:not(.is-visible).is-action-column .column-chip-label { color: color-mix(in srgb, var(--muted) 88%, var(--ink)); } .column-toggle.is-visible { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 54%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent); color: var(--ink); font-weight: 400; } .column-toggle.is-visible .column-chip-label svg { color: color-mix(in srgb, var(--accent) 76%, var(--primary)); opacity: 1; } .property-chip-row { align-items: center; display: inline-flex; gap: 8px; line-height: 0; } .property-chip-row-editor { justify-content: flex-start; margin: -2px 0 8px; } .property-chip { align-items: center; background: transparent; border: 0; border-radius: 8px; display: inline-flex; height: 40px; justify-content: center; padding: 0; transition: transform .16s ease; width: 40px; } .property-chip:hover,.property-chip:focus { outline: 0; transform: translateY(-1px); } .property-chip img { display: block; height: 34px; object-fit: contain; object-position: center; width: 34px; } .zillow-chip img { height: 34px; transform: none; width: 34px; } .zillow-scraper-pill { --zillow-blue: #006aff; align-items: center; background: var(--zillow-blue); border: 1px solid var(--zillow-blue); border-radius: 999px; display: inline-flex; gap: 6px; min-height: 35px; min-width: 116px; padding: 4px 13px 4px 4px; transition: background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease; } .zillow-scraper-pill:hover,.zillow-scraper-pill:focus-within { box-shadow: 0 0 0 2px color-mix(in srgb, #006aff 18%, transparent); transform: translateY(-1px); } .zillow-scraper-toggle,.zillow-scraper-action { border: 0; cursor: pointer; font-family: inherit; padding: 0; } .zillow-scraper-toggle { align-items: center; background: #fff; border-radius: 999px; display: inline-flex; flex: 0 0 27px; height: 27px; justify-content: center; transform: translateX(0); width: 27px; } .zillow-scraper-toggle img { display: block; height: 19px; object-fit: contain; width: 19px; } .zillow-scraper-action { background: transparent; color: #fff; font-size: 14px; font-weight: 950; letter-spacing: 0; line-height: 1; padding-left: 3px; text-transform: none; white-space: nowrap; } .zillow-scraper-action:disabled { cursor: wait; opacity: .72; } .zillow-scraper-pill.is-off .zillow-scraper-action { padding-left: 5px; } .zillow-scraper-pill.is-on { background: #fff; border-color: color-mix(in srgb, #006aff 60%, var(--line)); } .zillow-scraper-pill.is-on .zillow-scraper-action { color: #006aff; } .zillow-scraper-pill.is-on .zillow-scraper-toggle { transform: translateX(1px); } .zillow-scraper-pill.is-on .zillow-scraper-action { padding-left: 4px; } .zillow-scraper-pill.is-awaiting-validation { background: var(--zillow-blue); border-color: var(--zillow-blue); } .zillow-scraper-pill.is-awaiting-validation .zillow-scraper-action { color: #fff; } .zillow-scraper-pill.is-validating { background: #fff; border-color: var(--zillow-blue); gap: 0; justify-content: center; padding: 4px 13px; } .zillow-scraper-pill.is-validating .zillow-scraper-toggle { display: none; } .zillow-scraper-pill.is-validating .zillow-scraper-action { color: var(--zillow-blue); padding-left: 0; text-align: center; width: 100%; } .zillow-scraper-pill.is-validated { background: var(--zillow-blue); border-color: var(--zillow-blue); gap: 0; justify-content: center; padding: 4px 13px; } .zillow-scraper-pill.is-validated .zillow-scraper-toggle { display: none; } .zillow-scraper-pill.is-validated .zillow-scraper-action { color: #fff; padding-left: 0; text-align: center; width: 100%; } .zillow-scraper-pill.is-complete .zillow-scraper-action { animation: zillowValidatedFade 2.2s ease forwards; } .zillow-scraper-pill.is-busy { opacity: .82; } .zillow-scraper-pill.is-busy.is-validating { opacity: 1; } .zillow-scraper-pill.is-failed { background: var(--red); border-color: var(--red); box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 12%, transparent); } .zillow-scraper-pill.is-failed .zillow-scraper-action { color: #fff; font-weight: 950; } .zillow-scraper-pill.is-failed .zillow-scraper-toggle { background: color-mix(in srgb, var(--red) 18%, #fff); } .zillow-scraper-pill.is-killed { background: var(--zillow-blue); border-color: var(--zillow-blue); opacity: .9; } .zillow-scraper-pill.is-killed .zillow-scraper-action { color: #fff; } .zillow-scraper-pill.is-killed { gap: 0; justify-content: center; padding: 4px 13px; } .zillow-scraper-pill.is-killed .zillow-scraper-action { padding-left: 0; text-align: center; width: 100%; } .zillow-scraper-pill.is-killed .zillow-scraper-toggle { display: none; } .zillow-scraper-pill.is-killed .zillow-scraper-toggle { background: var(--zillow-blue); box-shadow: none; cursor: not-allowed; } .zillow-scraper-pill.is-locked { background: color-mix(in srgb, var(--brand-gold) 14%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 54%, var(--line)); box-shadow: none; cursor: not-allowed; gap: 0; justify-content: center; padding: 4px 13px; } .zillow-scraper-pill.is-locked .zillow-scraper-action { color: color-mix(in srgb, var(--ink) 86%, var(--brand-gold)); font-weight: 950; padding-left: 0; text-align: center; width: 100%; } .zillow-scraper-pill.is-mobile-static { background: var(--zillow-blue); border-color: var(--zillow-blue); gap: 0; justify-content: center; padding: 4px 13px; text-decoration: none; } .zillow-scraper-pill.is-mobile-static .zillow-scraper-action { color: #fff; padding-left: 0; text-align: center; width: 100%; } @keyframes zillowValidatedFade { 0%, 68% { opacity: 1; } 100% { opacity: .42; } } .detail-grid { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; } .detail-grid .detail { padding: 9px; } .lead-panel-second-structure { margin-top: 8px; } .lead-panel-second-structure-toggle { align-items: center; background: var(--paper); border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--line)); border-radius: 8px; box-sizing: border-box; color: #071523; cursor: pointer; display: flex; justify-content: center; min-height: 36px; padding: 8px 12px; text-align: center; width: 100%; } .lead-panel-second-structure-toggle span { color: #071523; display: block; font-size: 13px; font-weight: 700; letter-spacing: 0; line-height: 1.1; text-align: center; } .lead-panel-second-structure-toggle.active { background: color-mix(in srgb, var(--accent) 7%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); } .lead-panel-second-structure-toggle:hover, .lead-panel-second-structure-toggle:focus-visible { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); outline: 0; } .detail span { color: var(--muted); display: block; font-size: 12px; margin-bottom: 4px; } .detail strong { font-size: 15px; } .quick-detail { display: grid; gap: 4px; position: relative; } .quick-detail input,.quick-detail select { background: transparent; border: 1px solid transparent; border-radius: 6px; color: var(--ink); font-size: 13px; font-weight: 850; min-height: 28px; padding: 3px 2px; width: 100%; } .quick-detail input,.quick-detail select { text-align: left; } .quick-detail select { appearance: none; cursor: pointer; } .quick-detail input:hover,.quick-detail select:hover, .quick-detail input:focus,.quick-detail select:focus { background: var(--paper); border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); outline: 0; } .quick-choice-detail { overflow: visible; } .quick-choice-menu { min-width: 0; position: relative; } .quick-choice-menu summary { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 6px; cursor: pointer; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) 9px; list-style: none; min-height: 30px; padding: 4px 6px 5px; } .quick-choice-menu summary::-webkit-details-marker { display: none; } .quick-choice-menu summary::after { border: solid var(--accent); border-width: 0 2px 2px 0; content: ""; height: 6px; justify-self: end; margin-top: -3px; transform: rotate(45deg); transition: margin-top .16s ease,transform .16s ease; width: 6px; } .quick-choice-menu[open] summary { background: var(--paper); border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); } .quick-choice-menu[open] summary::after { margin-top: 3px; transform: rotate(225deg); } .quick-choice-menu strong { color: var(--ink); display: block; font-size: 13px; font-weight: 850; line-height: 1.1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .selected-lead-panel .quick-choice-menu summary { align-items: center; grid-template-columns: minmax(0,1fr) 9px; min-height: 38px; padding: 4px 7px 5px; } .selected-lead-panel .quick-choice-menu summary::after { display: inline-block; } .selected-lead-panel .quick-detail > span { color: var(--ink); font-weight: 760; } .selected-lead-panel .quick-detail > span[data-action="toggle-scenario-quick-facts"] { border-radius: 4px; cursor: pointer; } .selected-lead-panel .quick-detail > span[data-action="toggle-scenario-quick-facts"]:hover, .selected-lead-panel .quick-detail > span[data-action="toggle-scenario-quick-facts"]:focus-visible { color: var(--accent); outline: 0; } .selected-lead-panel .quick-choice-menu strong { color: var(--ink); font-size: 13px; font-weight: 400; line-height: 1.1; overflow: visible; text-align: left; text-overflow: clip; white-space: normal; } .selected-lead-panel .quick-choice-value-stack { display: grid; gap: 1px; line-height: 1.06; } .selected-lead-panel .quick-choice-value-stack span { color: var(--ink); display: block; font-weight: 400; overflow: visible; text-overflow: clip; white-space: nowrap; } .selected-lead-panel .quick-detail input,.selected-lead-panel .quick-detail select { padding-left: 7px; padding-right: 7px; } .selected-lead-panel .quick-choice-options button, .selected-lead-panel .quick-choice-options button.active { font-weight: 400; } .quick-choice-options { background: var(--paper); border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line)); border-radius: 8px; box-shadow: 0 14px 30px rgba(17,32,51,.18); display: grid; gap: 4px; left: 0; max-height: min(260px,52vh); overflow: auto; padding: 5px; position: absolute; right: 0; top: calc(100% + 5px); z-index: 70; } .quick-choice-options button { background: transparent; border: 0; border-radius: 6px; color: var(--ink); cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 400; min-height: 31px; padding: 7px 8px; text-align: left; } .quick-choice-options button:hover,.quick-choice-options button:focus { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); outline: 0; } .quick-choice-options button.active { background: color-mix(in srgb, var(--accent) 14%, var(--paper)); color: color-mix(in srgb, var(--accent) 70%, var(--ink)); font-weight: 400; } .quick-choice-detail.is-choice-disabled .quick-choice-menu summary, .custom-choice-shell.is-choice-disabled .custom-choice-menu summary, .scenario-purpose-summary-select.is-choice-disabled, .scenario-purpose-summary-choice-shell.is-choice-disabled { background: color-mix(in srgb, var(--ink) 3%, var(--paper)); color: color-mix(in srgb, var(--muted) 82%, var(--ink)); cursor: not-allowed; opacity: .72; } .quick-choice-detail.is-choice-disabled .quick-choice-menu summary::after, .custom-choice-shell.is-choice-disabled .custom-choice-menu summary::after { opacity: .24; } .quick-choice-detail.is-choice-disabled .quick-choice-options, .custom-choice-shell.is-choice-disabled .quick-choice-options { display: none; } .custom-choice-shell { display: block; min-width: 0; position: relative; width: 100%; } .custom-choice-shell input[type="hidden"] { display: none; } .custom-choice-menu { width: 100%; } .editor-choice-shell .custom-choice-menu summary { background: var(--paper); border-color: var(--line); min-height: 34px; padding: 7px 9px; } .editor-choice-shell .custom-choice-menu strong { font-size: 13px; font-weight: 850; } .editor-choice-shell .custom-choice-menu[open] summary,.editor-choice-shell .custom-choice-menu summary:hover,.editor-choice-shell .custom-choice-menu summary:focus { border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); outline: 0; } .editor-property .editor-section-body label { font-weight: 650; } .editor-property .editor-section-body input, .editor-property .editor-section-body select, .editor-property .editor-section-body textarea { font-weight: 400; } .editor-property .editor-choice-shell .custom-choice-menu strong, .editor-property .editor-choice-shell .quick-choice-options button, .editor-property .editor-choice-shell .quick-choice-options button.active { font-weight: 400; } .mini-product-choice-shell .custom-choice-menu summary { border: 0; grid-template-columns: minmax(0,1fr) 9px; min-height: 20px; padding: 0 2px 0 0; } .mini-product-choice-shell .custom-choice-menu summary::after { display: block; height: 6px; width: 6px; } .mini-product-choice-shell .custom-choice-menu strong { color: var(--ink); font-size: 14px; font-weight: 950; grid-column: 1; letter-spacing: 0; line-height: 1.1; text-align: left; text-transform: none; } .mini-product-choice-shell .custom-choice-menu[open] summary,.mini-product-choice-shell .custom-choice-menu summary:hover,.mini-product-choice-shell .custom-choice-menu summary:focus { background: color-mix(in srgb, var(--brand-gold) 9%, var(--paper)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 45%, var(--line)); outline: 0; padding: 2px 6px 2px 4px; } .mini-pref-choice-shell .custom-choice-menu summary,.mini-control-choice-shell .custom-choice-menu summary { background: var(--paper); border-color: var(--line); border-radius: 7px; grid-template-columns: 9px minmax(0,1fr); min-height: 44px; padding: 9px 10px; } .mini-pref-choice-shell .custom-choice-menu summary::after,.mini-control-choice-shell .custom-choice-menu summary::after { grid-column: 1; grid-row: 1; justify-self: start; } .mini-pref-choice-shell .custom-choice-menu strong { font-size: 13px; font-weight: 850; grid-column: 2; text-align: right; } .mini-control-choice-shell .custom-choice-menu strong { color: var(--ink); font-size: 14px; font-weight: 950; grid-column: 2; line-height: 1; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .mini-pref-choice-shell .custom-choice-menu[open] summary,.mini-control-choice-shell .custom-choice-menu[open] summary,.mini-pref-choice-shell .custom-choice-menu summary:hover,.mini-control-choice-shell .custom-choice-menu summary:hover,.mini-pref-choice-shell .custom-choice-menu summary:focus,.mini-control-choice-shell .custom-choice-menu summary:focus { border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); outline: 0; } .mini-control-choice-shell.is-option-disabled .custom-choice-menu { pointer-events: none; } .mini-control-choice-shell.is-option-disabled .custom-choice-menu summary { background: color-mix(in srgb, var(--ink) 3%, var(--paper)); color: color-mix(in srgb, var(--muted) 85%, var(--ink)); opacity: .66; } .mini-control-choice-shell.is-option-disabled .custom-choice-menu summary::after, .mini-control-choice-shell.is-option-disabled .custom-choice-menu strong { visibility: hidden; } .quote-status { background: #fff8df; border: 1px solid #f0d785; border-radius: 8px; color: #101820; margin-top: 10px; min-height: 72px; padding: 11px 13px 10px; } .quote-status strong { display: block; font-size: 18px; line-height: 1.08; margin-bottom: 7px; } .quote-status .meta { color: #52616f; font-size: 12px; font-weight: 750; line-height: 1.32; margin-bottom: 0; } .quote-status-context { font-weight: 850; } .quote-review-reasons { color: #52616f; display: grid; font-size: 13px; font-weight: 750; gap: 4px; line-height: 1.26; list-style: none; margin: 0; padding: 0; } .quote-review-reasons li { padding-left: 12px; position: relative; } .quote-review-reasons li::before { background: currentColor; border-radius: 999px; content: ""; height: 4px; left: 0; position: absolute; top: .58em; width: 4px; } .quote-status.pass { background: #e5f7ed; border-color: #94d8ad; color: #0d4f2b; } .quote-status.pass .meta { color: #2f6f4d; } .lead-panel-status-card { margin-top: 10px; padding: 10px; } .lead-panel-status-card .editor-section-summary { margin-bottom: 8px; } .lead-panel-status-card:not([open]) .editor-section-summary { margin-bottom: -2px; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary, .selected-lead-panel .lead-panel-log-card > .editor-section-summary { align-items: center; cursor: pointer; display: inline-flex; gap: 8px; justify-content: flex-start; list-style: none; min-height: 32px; padding: 0; width: auto; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary { align-items: center; display: grid; gap: 8px; grid-template-columns: max-content minmax(108px,1fr); justify-content: stretch; justify-items: stretch; width: 100%; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child { justify-self: start; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary::-webkit-details-marker, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary::-webkit-details-marker, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary::-webkit-details-marker, .selected-lead-panel .lead-panel-log-card > .editor-section-summary::-webkit-details-marker { display: none; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary::before, .selected-lead-panel .lead-panel-status-card > .editor-section-summary::after, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary::before, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary::after, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary::before, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary::after, .selected-lead-panel .lead-panel-log-card > .editor-section-summary::before, .selected-lead-panel .lead-panel-log-card > .editor-section-summary::after { content: none; display: none; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child { align-items: center; background: var(--label-tab-bg); border: 1px solid var(--label-tab-border); border-radius: 7px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); color: var(--ink); display: inline-flex; font-size: 14px; font-weight: 400; gap: 8px; justify-content: center; letter-spacing: 0; line-height: 1.08; min-height: 32px; padding: 8px 12px 8px 10px; text-transform: none; white-space: nowrap; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child::before { background: var(--label-tab-accent); border-radius: 999px; content: ""; display: inline-block; flex: 0 0 auto; height: 18px; width: var(--section-label-accent-width); } .selected-lead-panel .lead-panel-status-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-status-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:focus > span:first-child { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); outline: 0; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary:hover .lead-panel-status-pill, .selected-lead-panel .lead-panel-status-card > .editor-section-summary:focus .lead-panel-status-pill { filter: saturate(1.04); } .lead-panel-status-pill { align-content: center; border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius: 8px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 55%, transparent); color: #101820 !important; display: grid !important; font-size: 11px; font-weight: 500 !important; gap: 1px; justify-items: center; line-height: 1.08; max-width: none; min-height: 30px; min-width: 0; overflow: hidden; padding: 5px 9px; text-align: center; text-overflow: clip; white-space: normal; width: 100%; } .lead-panel-status-pill span { color: #101820 !important; display: block; font-weight: 500; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lead-panel-status-card[open] .lead-panel-status-pill { display: none !important; } .lead-panel-status-card .editor-section-summary small { color: var(--muted); font-size: 11px; font-weight: 850; max-width: 46%; text-align: right; } .lead-panel-status-body { align-items: start; display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); } .lead-panel-status-body .status-choice-section { gap: 5px; } .lead-panel-status-body .status-choice-section h4 { margin-top: 2px; } .lead-panel-status-body .status-choice-grid { grid-template-columns: minmax(0,1fr); } .lead-panel-status-body .status-choice { justify-content: center; min-height: 28px; padding: 4px 5px; width: 100%; } .lead-panel-status-body .status-choice span { font-size: 11px; } .lead-panel-status-body .status-choice.is-selected { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 54%, transparent); } .lead-panel-readiness-status { margin-top: 10px; } .lead-panel-controls-card { margin-top: 10px; padding: 10px; } .selected-lead-panel .lead-panel-controls-card > .lead-panel-controls-summary { display: grid; gap: 8px; grid-template-columns: max-content minmax(0,1fr); width: 100%; } .lead-panel-primary-actions,.lead-panel-summary-actions,.lead-panel-tool-actions-grid,.lead-panel-controls-body { align-items: center; display: grid; gap: 7px; min-width: 0; } .lead-panel-primary-actions,.lead-panel-summary-actions,.lead-panel-tool-actions-grid { grid-template-columns: repeat(3,minmax(0,1fr)); justify-self: stretch; width: 100%; } .lead-panel-controls-card[open] .lead-panel-summary-actions { display: none; } .lead-panel-controls-card:not([open]) .lead-panel-summary-actions { align-self: center; } .lead-panel-controls-body { border-top: 1px solid color-mix(in srgb, var(--accent) 14%, var(--line)); grid-template-columns: minmax(0,1fr); margin-top: 10px; padding-top: 10px; } .lead-panel-controls-card:not([open]) .lead-panel-controls-body { display: none; } .lead-panel-control-icon { align-items: center; background: var(--workspace-action-chip-fill); border: 1px solid var(--workspace-action-chip-border); border-radius: 8px; color: var(--ink); cursor: pointer; display: grid; font-family: inherit; gap: 2px; justify-items: center; min-height: 42px; min-width: 0; padding: 5px 3px; position: relative; } .lead-panel-control-icon[href] { text-decoration: none; } .lead-panel-control-icon svg { fill: none; height: 16px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 16px; } .lead-panel-control-icon small { color: currentColor; display: block; font-size: 7px; font-weight: 950; letter-spacing: .025em; line-height: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .lead-panel-primary-actions .lead-panel-control-icon { gap: 3px; min-height: 50px; padding: 5px 5px 6px; } .lead-panel-primary-actions .lead-panel-control-icon small { font-size: 8.8px; font-weight: 900; letter-spacing: 0; line-height: 1.04; max-width: 72px; overflow: visible; text-align: center; text-overflow: clip; text-transform: none; white-space: normal; } .lead-panel-primary-actions .lead-panel-control-icon:is(.bonzo,.quote) small { color: #fff; font-weight: 950; } .lead-panel-action-chip.lead-panel-control-icon { background: var(--workspace-action-chip-fill); border-color: var(--workspace-action-chip-border); color: var(--ink); min-height: 42px; padding: 5px 4px; } .lead-panel-action-chip.lead-panel-control-icon:is(.bonzo,.quote,.import,.preview) { background: var(--workspace-action-chip-fill); border-color: var(--workspace-action-chip-border); color: var(--ink); } .lead-panel-action-chip.lead-panel-control-icon:is(.bonzo,.quote,.import,.preview) small { color: currentColor; font-size: 8px; font-weight: 650; letter-spacing: 0; line-height: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } .lead-panel-action-chip.lead-panel-control-icon.bonzo .bonzo-mark { height: 17px; width: 17px; } .lead-panel-action-chip.lead-panel-control-icon.bonzo .bonzo-mark img { height: 13px; width: 13px; } .lead-panel-action-chip.lead-panel-control-icon:is(.bonzo,.quote,.import,.preview):hover, .lead-panel-action-chip.lead-panel-control-icon:is(.bonzo,.quote,.import,.preview):focus { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 46%, var(--line)); color: var(--accent); outline: 0; } .lead-panel-control-icon:hover,.lead-panel-control-icon:focus { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 46%, var(--line)); color: var(--accent); outline: 0; } .lead-panel-control-icon.is-active { background: var(--paper); border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent); color: var(--ink); } .lead-panel-control-icon.quote { background: var(--theme-action-bg); border-color: var(--theme-action-border); color: var(--theme-action-text); } .lead-panel-control-icon.quote small { color: var(--theme-action-accent); } .lead-panel-control-icon.quote:hover,.lead-panel-control-icon.quote:focus { background: var(--theme-action-bg-hover); border-color: var(--theme-action-bg-hover); color: var(--theme-action-text); } .lead-panel-controls-body .lead-panel-control-icon.import { background: var(--workspace-action-chip-fill); border-color: var(--workspace-action-chip-border); color: var(--ink); } .lead-panel-controls-body .lead-panel-control-icon.import:hover,.lead-panel-controls-body .lead-panel-control-icon.import:focus { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 46%, var(--line)); color: var(--accent); } .lead-panel-control-icon.bonzo { background: #f233a6; border-color: #f233a6; color: #fff; } .lead-panel-control-icon.bonzo .bonzo-mark { align-items: center; background: #fff; border-radius: 999px; display: inline-flex; height: 17px; justify-content: center; width: 17px; } .lead-panel-control-icon.bonzo .bonzo-mark img { height: 13px; width: 13px; } .lead-panel-control-icon.bonzo .bonzo-mark + span { display: none; } .lead-panel-control-icon:disabled { cursor: wait; opacity: .68; } .action-stack { display: grid; gap: 9px; margin-top: 16px; } .action-stack .btn { font-size: 17px; font-weight: 900; min-height: 54px; padding: 0 16px; } .action-stack .btn.bonzo { gap: 8px; justify-content: center; padding-left: 16px; padding-right: 16px; } .action-stack .btn.is-active { border-color: color-mix(in srgb, var(--brand-gold) 58%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 24%, transparent); } .lead-tool-switch-row { margin-top: 10px; } .lead-tool-switch-row .btn { font-size: 17px; font-weight: 900; min-height: 54px; width: 100%; } .lead-tool-panel { background: color-mix(in srgb, var(--soft) 68%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 10px; margin-top: 10px; padding: 12px; } .lead-tool-head { align-items: start; display: flex; gap: 8px; justify-content: space-between; } .lead-tool-head .eyebrow { margin: 0; } .lead-tool-head strong { color: var(--ink); font-size: 12px; text-align: right; } .doc-source-grid { display: grid; gap: 9px; } .doc-source-group { background: color-mix(in srgb, var(--paper) 84%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 78%, transparent); border-radius: 8px; display: grid; gap: 7px; padding: 9px; } .doc-source-group summary { align-items: center; cursor: pointer; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) 12px; list-style: none; min-height: 20px; } .doc-source-group summary::-webkit-details-marker { display: none; } .doc-source-group summary::after { border: solid currentColor; border-width: 0 2px 2px 0; color: color-mix(in srgb, var(--accent) 70%, var(--muted)); content: ""; height: 6px; justify-self: end; margin-top: -3px; transform: rotate(45deg); transition: margin-top .16s ease,transform .16s ease; width: 6px; } .doc-source-group[open] summary::after { margin-top: 3px; transform: rotate(225deg); } .doc-source-group h4 { font-size: 11px; font-weight: 950; letter-spacing: .05em; line-height: 1.15; margin: 0; text-transform: uppercase; } .doc-source-group.blue h4 { color: var(--accent); } .doc-source-group.red h4 { color: var(--red); } .doc-source-group.green h4 { color: var(--green); } .doc-source-group.ink h4 { color: var(--ink); } .doc-check-list { display: grid; gap: 5px; grid-template-columns: 1fr; } .doc-check-item { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 6px; color: var(--muted); cursor: pointer; display: flex; font-size: 12px; font-weight: 400; gap: 7px; line-height: 1.2; min-height: 25px; padding: 4px 5px; } .doc-check-item input { accent-color: var(--accent); flex: 0 0 auto; height: 13px; margin: 0; width: 13px; } .doc-check-item.selected { background: color-mix(in srgb, var(--accent) 7%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 20%, var(--line)); color: var(--ink); } .doc-check-item.is-custom { padding-right: 3px; } .doc-check-item.is-custom span { flex: 1 1 auto; min-width: 0; } .doc-custom-remove { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 999px; color: color-mix(in srgb, var(--muted) 72%, var(--ink)); cursor: pointer; display: inline-flex; flex: 0 0 auto; font-family: inherit; font-size: 12px; height: 18px; justify-content: center; line-height: 1; margin-left: auto; padding: 0; width: 18px; } .doc-custom-remove:hover,.doc-custom-remove:focus { background: color-mix(in srgb, var(--red) 8%, var(--paper)); border-color: color-mix(in srgb, var(--red) 28%, var(--line)); color: var(--red); outline: 0; } .doc-custom-add { align-items: center; display: grid; gap: 6px; grid-template-columns: 13px minmax(0,1fr) auto; margin-top: 2px; min-height: 28px; } .doc-custom-add > span { border: 1px solid color-mix(in srgb, var(--muted) 72%, var(--line)); border-radius: 3px; box-sizing: border-box; height: 13px; width: 13px; } .doc-custom-add input { background: #fff; border: 1px dashed color-mix(in srgb, var(--line) 78%, var(--accent)); border-radius: 6px; color: var(--ink); font-family: inherit; font-size: 12px; font-weight: 400; min-height: 28px; min-width: 0; padding: 5px 7px; } .doc-custom-add input:focus { border-color: color-mix(in srgb, var(--accent) 44%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); outline: 0; } .doc-custom-add button { background: color-mix(in srgb, var(--paper) 88%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 86%, var(--accent)); border-radius: 6px; color: var(--ink); cursor: pointer; font-family: inherit; font-size: 11px; font-weight: 600; min-height: 28px; padding: 0 8px; } .doc-custom-add button:hover,.doc-custom-add button:focus { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); color: var(--accent); outline: 0; } .doc-email-preview { background: color-mix(in srgb, var(--brand-gold) 9%, var(--paper)); border: 1px solid color-mix(in srgb, var(--brand-gold) 26%, var(--line)); border-radius: 8px; display: grid; gap: 3px; padding: 9px; } .doc-email-preview span { color: color-mix(in srgb, var(--brand-gold) 78%, var(--ink)); font-size: 10px; font-weight: 950; letter-spacing: .05em; text-transform: uppercase; } .doc-email-preview p { color: var(--muted); font-size: 12px; font-weight: 750; line-height: 1.35; margin: 0; } .doc-selected-summary { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 24%, var(--line)); } .doc-selected-summary span { color: color-mix(in srgb, var(--accent) 74%, var(--ink)); } .doc-selected-chips { display: flex; flex-wrap: wrap; gap: 5px; max-height: 78px; overflow: auto; padding-right: 2px; } .doc-selected-chips b { background: color-mix(in srgb, var(--paper) 74%, var(--accent)); border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line)); border-radius: 999px; color: var(--ink); display: inline-flex; font-size: 10px; font-weight: 900; line-height: 1.15; max-width: 100%; padding: 4px 7px; } .lead-tool-actions { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; } .lead-tool-panel .btn { justify-content: center; min-height: 40px; } .doc-actions .btn { border-width: 1px; font-weight: 900; } .doc-actions .doc-action-prefill { background: color-mix(in srgb, var(--accent) 9%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 26%, var(--line)); color: color-mix(in srgb, var(--accent) 72%, var(--ink)); } .doc-actions .doc-action-outlook { background: color-mix(in srgb, var(--brand-gold) 11%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 32%, var(--line)); color: color-mix(in srgb, var(--brand-gold) 76%, var(--ink)); } .doc-actions .doc-action-copy { background: color-mix(in srgb, var(--green) 10%, var(--paper)); border-color: color-mix(in srgb, var(--green) 28%, var(--line)); color: color-mix(in srgb, var(--green) 76%, var(--ink)); } .doc-actions .doc-action-import { background: color-mix(in srgb, var(--primary) 8%, var(--paper)); border-color: color-mix(in srgb, var(--primary) 25%, var(--line)); color: color-mix(in srgb, var(--primary) 72%, var(--ink)); } .doc-actions .btn:hover,.doc-actions .btn:focus { filter: saturate(1.08); transform: translateY(-1px); } .lead-tool-actions .lendingpad-export-btn { border-color: color-mix(in srgb, var(--brand-gold) 52%, var(--line)); color: color-mix(in srgb, var(--brand-gold) 78%, var(--ink)); } .mismo-launcher-panel .lead-tool-actions .lendingpad-export-btn { grid-column: 1 / -1; justify-content: center; text-align: center; width: 100%; } .lead-tool-actions .lendingpad-export-btn:hover,.lead-tool-actions .lendingpad-export-btn:focus { background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 68%, var(--line)); } .launch-1003-row { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0,1fr); } .launch-1003-combo { align-items: stretch; background: var(--theme-action-bg); border: 1px solid var(--theme-action-border); border-radius: 8px; box-sizing: border-box; color: var(--theme-action-text); display: grid; grid-template-columns: minmax(0,1fr) 44px; min-height: 50px; overflow: hidden; width: 100%; } .launch-1003-combo:hover,.launch-1003-combo:focus-within { background: var(--theme-action-bg-hover); border-color: var(--theme-action-bg-hover); color: var(--theme-action-text); } .launch-1003-main-btn,.mismo-1003-external-btn { appearance: none; background: transparent; border: 0; color: inherit; cursor: pointer; font-family: inherit; min-width: 0; } .launch-1003-main-btn { align-items: center; display: inline-flex; font-size: 16px; font-weight: 950; justify-content: center; line-height: 1; padding: 0 10px 1px 44px; } .launch-1003-main-btn span { color: var(--theme-action-accent); margin-left: 4px; } .mismo-1003-external-btn { align-items: center; border-left: 1px solid color-mix(in srgb, #fff 24%, transparent); display: inline-flex; justify-content: center; opacity: .92; padding: 0; } .mismo-1003-external-btn:hover,.mismo-1003-external-btn:focus { background: color-mix(in srgb, #fff 13%, transparent); outline: 0; opacity: 1; } .mismo-1003-external-btn svg { fill: none; height: 18px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 18px; } .launch-1003-combo.is-active .launch-1003-main-btn { color: var(--theme-action-text); } .mismo-1003-popout-btn { align-items: center; display: inline-flex; justify-content: center; min-height: 50px; min-width: 0; padding: 0; } .mismo-1003-popout-btn svg { fill: none; height: 19px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 19px; } .mismo-1003-popout-btn.is-active { border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent); color: var(--accent); } .mismo-launcher-panel { overflow: hidden; } .mismo-status-strip { align-items: center; background: color-mix(in srgb, var(--paper) 82%, var(--soft)); border: 1px solid var(--line); border-radius: 8px; display: flex; gap: 8px; justify-content: space-between; min-height: 38px; padding: 7px 9px; } .mismo-status-strip span { color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.2; } .mismo-status-strip b { color: var(--ink); font-weight: 650; } .mismo-status-strip.ready { background: color-mix(in srgb, var(--green) 10%, var(--paper)); border-color: color-mix(in srgb, var(--green) 28%, var(--line)); } .mismo-status-strip.ready span:last-child { color: color-mix(in srgb, var(--green) 78%, var(--ink)); } .mismo-status-strip.needs-work { background: color-mix(in srgb, var(--brand-gold) 12%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 32%, var(--line)); } .mismo-status-strip.needs-work span:last-child { color: color-mix(in srgb, var(--brand-gold) 76%, var(--ink)); } .mismo-missing-chips { display: flex; flex-wrap: wrap; gap: 5px; max-height: 58px; overflow: auto; } .mismo-missing-chips b { background: color-mix(in srgb, var(--paper) 78%, var(--brand-gold)); border: 1px solid color-mix(in srgb, var(--brand-gold) 25%, var(--line)); border-radius: 999px; color: var(--ink); font-size: 10px; font-weight: 400; line-height: 1.15; padding: 4px 7px; } .mismo-1003-form { display: grid; gap: 9px; margin-top: 2px; max-height: min(62vh, 720px); overflow: auto; padding-right: 2px; } .mismo-1003-group { background: color-mix(in srgb, var(--paper) 88%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 78%, transparent); border-radius: 8px; padding: 9px; } .mismo-1003-group summary { align-items: center; background: var(--label-tab-bg); border: 1px solid var(--label-tab-border); border-radius: 7px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); color: var(--ink); cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 400; gap: 8px; justify-content: center; letter-spacing: 0; line-height: 1.08; list-style: none; min-height: 32px; padding: 8px 12px 8px 10px; text-transform: none; white-space: nowrap; } .mismo-1003-group summary::before { background: var(--label-tab-accent); border-radius: 999px; content: ""; display: inline-block; flex: 0 0 auto; height: 18px; width: var(--section-label-accent-width); } .mismo-1003-group summary:hover,.mismo-1003-group summary:focus { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); outline: 0; } .mismo-1003-group summary::-webkit-details-marker { display: none; } .mismo-1003-grid { display: grid; gap: 7px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 8px; } .mismo-field { color: var(--muted); display: grid; font-size: 11px; font-weight: 400; gap: 3px; min-width: 0; } .mismo-field span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mismo-field input,.mismo-field select,.mismo-field textarea { font-size: 12px; font-weight: 400; min-height: 34px; padding: 7px 8px; width: 100%; } .mismo-field-wide { grid-column: 1 / -1; } .mismo-field textarea { min-height: 72px; resize: vertical; } .mismo-field-yesno { align-items: center; background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 76%, transparent); border-radius: 7px; gap: 8px 12px; grid-template-columns: minmax(0,1fr) max-content; min-height: 38px; padding: 7px 9px; } .mismo-field-yesno > span:first-child { color: var(--ink); font-size: 12px; line-height: 1.3; white-space: normal; } .mismo-yesno-options { align-items: center; display: inline-flex; gap: 12px; justify-content: flex-end; } .mismo-yesno-options label,.mismo-field-checkbox { align-items: center; color: var(--ink); display: inline-flex; font-size: 12px; gap: 6px; line-height: 1.2; } .mismo-yesno-options input,.mismo-field-checkbox input { min-height: 0; padding: 0; width: auto; } .mismo-field-checkbox { align-self: center; background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 76%, transparent); border-radius: 7px; min-height: 34px; padding: 7px 9px; } .mismo-field-checkbox span { color: var(--ink); white-space: normal; } .mismo-1003-popout-backdrop { justify-content: flex-end; padding: 16px; } .mismo-1003-popout-card { display: grid; gap: 12px; grid-template-rows: auto auto minmax(0,1fr); max-height: calc(100dvh - 32px); max-width: 760px; overflow: hidden; padding: 16px; width: min(760px, calc(100vw - 32px)); } .mismo-popout-toolbar { align-items: center; display: grid; gap: 9px; grid-template-columns: minmax(0,1fr) 124px; } .mismo-popout-toolbar .btn { min-height: 38px; } .mismo-1003-popout-card .mismo-1003-form { margin-top: 0; max-height: none; min-height: 0; overflow: auto; padding-right: 4px; } .mismo-1003-popout-card .mismo-1003-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } @media (max-width: 720px) { .mismo-1003-popout-backdrop { padding: 10px; } .mismo-1003-popout-card { max-height: calc(100dvh - 20px); width: calc(100vw - 20px); } .mismo-popout-toolbar { grid-template-columns: minmax(0,1fr); } .mismo-1003-popout-card .mismo-1003-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } .mismo-standalone-mode .app-shell { display: block; min-height: 100dvh; } .mismo-standalone-mode .sidebar, .mismo-standalone-mode .app-header { display: none !important; } .mismo-standalone-mode .app-main { min-height: 100dvh; padding: 0; } .mismo-standalone-mode .workspace { display: grid; grid-template-columns: minmax(0,1fr); min-height: 100dvh; padding: 18px; } .calculators-external-window .app-shell { grid-template-columns: minmax(0,1fr) !important; } .calculators-external-window .sidebar { display: none !important; } .calculators-external-window .nav-actions { display: none !important; } .calculators-external-window { min-height: 650px; min-width: 590px; } .calculators-external-window .app-main { min-height: max(100dvh,650px); min-width: 590px; } .calculators-external-window .workspace.calculators-workspace, .calculators-external-window .workspace.calculators-workspace.has-side-panel, .calculators-external-window .workspace.calculators-workspace.has-lead-rail, .calculators-external-window .workspace.calculators-workspace.no-side-panel { background: color-mix(in srgb, var(--window-bg) 58%, #f5f7fa); } .calculators-external-window .app-header { padding-right: 104px !important; } .external-window-close-button { align-items: center; appearance: none; background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 92%, var(--accent)); border-radius: 999px; color: var(--ink); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 12px; font-weight: 800; justify-content: center; min-height: 32px; min-width: 74px; padding: 6px 13px; position: absolute; right: 18px; top: 14px; z-index: 40; } .external-window-close-button:hover, .external-window-close-button:focus { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); color: color-mix(in srgb, var(--primary) 82%, var(--accent)); outline: 0; } .quote-preview-toolbar .quote-preview-close-button { right: 14px; top: 10px; } .calculators-external-window .lead-side-rail[data-readonly-rail="true"] :is(button,.source-pill) { cursor: default !important; pointer-events: none !important; } .mismo-standalone-card { align-self: start; display: grid; gap: 12px; justify-self: center; max-width: 820px; width: min(820px,100%); } .mismo-standalone-head { align-items: center; display: grid; gap: 12px; grid-template-columns: minmax(0,1fr) max-content; } .mismo-standalone-head h2 { margin: 4px 0 0; } .mismo-standalone-actions { align-items: center; display: inline-grid; gap: 8px; grid-template-columns: repeat(2, max-content); justify-content: end; } .mismo-standalone-actions .btn { min-height: 38px; } .mismo-standalone-actions .mismo-save-1003-btn { font-size: 15px; font-weight: 850; min-height: 40px; padding: 9px 20px; } .mismo-standalone-notice { margin: -2px 0 0; } .mismo-standalone-card .mismo-1003-form { max-height: none; overflow: visible; padding-right: 0; } .mismo-standalone-card .mismo-1003-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } @media (min-width: 900px) { .mismo-standalone-card .mismo-1003-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } } @media (max-width: 620px) { .mismo-standalone-mode .workspace { padding: 10px; } .mismo-standalone-card { padding: 14px; } .mismo-standalone-head { grid-template-columns: minmax(0,1fr); } .mismo-standalone-actions { grid-template-columns: repeat(2, minmax(0,1fr)); width: 100%; } .mismo-standalone-card .mismo-1003-grid { grid-template-columns: minmax(0,1fr); } } .lead-panel-notes-card { margin-top: 10px; } .lead-panel-log-card { margin-top: 10px; padding: 10px; } .lead-panel-controls-card + .lead-panel-notes-card,.action-stack + .lead-panel-notes-card,.lead-tool-panel + .lead-panel-notes-card,.lead-tool-switch-row + .lead-panel-notes-card { margin-top: 10px; } .lead-panel-notes-card .editor-section-summary,.lead-panel-log-card .editor-section-summary { margin-bottom: 8px; } .selected-lead-panel .lead-panel-notes-card > .editor-section-summary, .selected-lead-panel .lead-panel-log-card > .editor-section-summary { display: grid; gap: 8px; grid-template-columns: max-content minmax(0,1fr); width: 100%; } .selected-lead-panel .lead-panel-notes-card > .editor-section-summary { grid-template-columns: max-content minmax(0,1fr) max-content; } .lead-panel-notes-card:not([open]) .editor-section-summary,.lead-panel-log-card:not([open]) .editor-section-summary { margin-bottom: -2px; } .lead-notes-appointment-pill { align-items: center; align-self: center; background: #e8f7f0; border: 1px solid color-mix(in srgb, #0f6140 18%, var(--line)); border-radius: 8px; color: var(--ink); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 11px; font-weight: 400; justify-content: center; line-height: 1; min-height: 30px; padding: 6px 10px; white-space: nowrap; } .lead-notes-appointment-pill:hover,.lead-notes-appointment-pill:focus { background: color-mix(in srgb, #e8f7f0 82%, #fff); border-color: color-mix(in srgb, #0f6140 32%, var(--line)); color: var(--ink); outline: 0; transform: translateY(-1px); } .lead-panel-notes-inline-input { align-self: center; background: var(--paper); border: 1px solid var(--lead-pane-neutral-border, var(--line)); border-radius: 7px; box-sizing: border-box; color: var(--ink); font-family: inherit; font-size: 12px; font-weight: 400; min-height: 32px; min-width: 0; padding: 6px 9px; width: 100%; } .lead-panel-notes-inline-input:focus { border-color: color-mix(in srgb, var(--accent) 44%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); outline: 0; } .lead-panel-notes-card .editor-section-summary small.lead-panel-notes-preview, .lead-panel-log-card .editor-section-summary small.lead-panel-log-preview { align-items: center; align-self: stretch; background: color-mix(in srgb, var(--paper) 86%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 7px; color: var(--ink); display: inline-flex; font-family: inherit; font-size: 12px; font-weight: 400; line-height: 1.25; max-width: none; min-height: 32px; overflow: hidden; padding: 6px 9px; text-overflow: ellipsis; white-space: nowrap; } .selected-lead-panel .lead-panel-notes-card:not([open]) > .editor-section-summary { grid-template-columns: max-content minmax(0,1fr) max-content; } .selected-lead-panel .lead-panel-notes-card:not([open]) .lead-panel-notes-preview { box-sizing: border-box; grid-column: 1 / -1; justify-self: stretch; width: 100%; } .lead-panel-notes-card[open] .editor-section-summary small.lead-panel-notes-preview, .lead-panel-log-card[open] .editor-section-summary small.lead-panel-log-preview { display: none; } .lead-panel-notes-card textarea { font-family: inherit; font-size: 13px; font-weight: 400; line-height: 1.35; min-height: 132px; resize: vertical; } .selected-lead-panel .lead-panel-status-card .editor-section-summary small, .selected-lead-panel .status-choice-section h4, .selected-lead-panel .lead-tool-head strong, .selected-lead-panel .doc-source-group h4, .selected-lead-panel .doc-check-item, .selected-lead-panel .doc-actions .btn, .selected-lead-panel .doc-selected-chips b, .selected-lead-panel .lead-tool-actions .launch-1003-btn { font-weight: 650 !important; } .selected-lead-panel .doc-check-item, .selected-lead-panel .doc-check-item span { font-weight: 400 !important; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-status-card .status-choice, .selected-lead-panel .lead-panel-status-card .status-choice span { font-weight: 400 !important; } .selected-lead-panel .lead-panel-status-card .status-choice.is-selected, .selected-lead-panel .lead-panel-status-card .status-choice.is-selected span, .selected-lead-panel .lead-panel-readiness-status strong { font-weight: 400 !important; } .selected-lead-panel .lead-panel-status-pill, .selected-lead-panel .lead-panel-status-pill span { font-weight: 400 !important; } .selected-lead-panel .lead-pane-source-pill.source-pill, .selected-lead-panel .quick-choice-value-stack span, .selected-lead-panel .quick-detail input, .selected-lead-panel .quick-detail select, .selected-lead-panel .lead-panel-control-icon small, .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon small, .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon:is(.bonzo,.quote) small, .selected-lead-panel .lead-notes-appointment-pill, .selected-lead-panel .lead-panel-readiness-status strong, .selected-lead-panel .quote-status .meta { font-weight: 400 !important; } .selected-lead-panel .quote-review-reasons, .selected-lead-panel .quote-review-reasons li { font-weight: 400 !important; } .lead-panel-log-card .update-log-actions { align-items: center; display: flex; justify-content: flex-end; margin-bottom: 6px; } .lead-panel-log-card:not([open]) .update-log-actions { display: none; } .selected-lead-panel > .lead-panel-log-card:last-child { margin-bottom: 0; } .action-stack .generate-quote-btn { background: var(--theme-action-bg); border-color: var(--theme-action-border); color: var(--theme-action-text); gap: 4px; } .generate-quote-btn span { color: var(--theme-action-accent); } .action-stack .generate-quote-btn:hover,.action-stack .generate-quote-btn:focus { background: var(--theme-action-bg-hover); border-color: var(--theme-action-bg-hover); color: var(--theme-action-text); } .action-grid { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; } .metric-grid,.control-grid,.quote-grid,.preset-grid { display: grid; gap: 16px; grid-template-columns: repeat(3,1fr); margin-bottom: 14px; } .metric-card { padding: 14px; } .metric-card span { color: var(--muted); display:block; font-size:12px; font-weight:750; text-transform:uppercase; } .metric-card strong { font-size: 24px; } .rate { font-size: 38px; font-weight: 850; margin: 12px 0; } .option-meta,.section-intro { color: var(--muted); line-height: 1.55; } .lender-brand { align-items: center; background: transparent; border: 0; border-radius: 0; display: inline-flex; gap: 8px; justify-content: center; max-width: 100%; min-height: 34px; min-width: 0; overflow: hidden; padding: 0; vertical-align: middle; } .lender-brand.compact { gap: 7px; min-height: 30px; } .lender-brand.inline { margin-left: 4px; min-height: 26px; } .lender-brand.chip { background: color-mix(in srgb, var(--paper) 86%, transparent); border: 1px solid color-mix(in srgb, var(--line) 70%, transparent); border-radius: 999px; min-height: 22px; padding: 2px 5px; } .lender-brand.full { justify-content: center; min-height: 44px; } [data-theme="dark"] .lender-brand { background: transparent; border-radius: 0; padding: 0; } [data-theme="dark"] .lender-brand.chip { background: color-mix(in srgb, var(--paper) 76%, transparent); border-radius: 999px; padding: 2px 5px; } [data-theme="dark"] .lender-logo { filter: drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 1px 5px rgba(255,255,255,.42)); } [data-theme="dark"] .lender-logo-figure, [data-theme="dark"] .lender-logo-figurelending { filter: brightness(1.12) saturate(1.14) drop-shadow(0 0 1px rgba(255,255,255,.85)) drop-shadow(0 1px 6px rgba(120,110,255,.34)); } [data-theme="dark"] .lender-logo-homeexpress, [data-theme="dark"] .lender-logo-homexpress, [data-theme="dark"] .lender-logo-homex { filter: brightness(1.4) saturate(1.18) drop-shadow(0 0 1px rgba(255,255,255,.92)) drop-shadow(0 1px 6px rgba(120,190,255,.38)); } [data-theme="dark"] .lender-logo-lu:not(.lender-logo-mark), [data-theme="dark"] .lender-logo-loanunited:not(.lender-logo-mark), [data-theme="dark"] .lender-logo-loanunitedwholesale:not(.lender-logo-mark) { content: url("/assets/lenders/LoanUnited_dark.png"); filter: drop-shadow(0 0 1px rgba(255,255,255,.85)) drop-shadow(0 1px 6px rgba(70,155,205,.32)); } [data-theme="dark"] .lender-logo-lu.lender-logo-mark, [data-theme="dark"] .lender-logo-loanunited.lender-logo-mark, [data-theme="dark"] .lender-logo-loanunitedwholesale.lender-logo-mark { filter: drop-shadow(0 0 1px rgba(255,255,255,.85)) drop-shadow(0 1px 5px rgba(70,155,205,.34)); } [data-theme="dark"] .lender-logo-newrez { filter: brightness(1.85) saturate(1.18) drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 1px 6px rgba(67,222,149,.32)); } [data-theme="dark"] .lender-logo-pennymac, [data-theme="dark"] .lender-logo-pennymacfinancialservices, [data-theme="dark"] .lender-logo-pennymactpo { filter: brightness(1.55) saturate(1.2) drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 1px 6px rgba(80,155,255,.34)); } [data-theme="dark"] .lender-logo-rocket:not(.lender-logo-mark), [data-theme="dark"] .lender-logo-rocketpro:not(.lender-logo-mark), [data-theme="dark"] .lender-logo-rocketprotpo:not(.lender-logo-mark) { content: url("/assets/lenders/Rocket_dark.png"); filter: drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 1px 6px rgba(255,255,255,.32)); } [data-theme="dark"] .lender-logo-rocket.lender-logo-mark, [data-theme="dark"] .lender-logo-rocketpro.lender-logo-mark, [data-theme="dark"] .lender-logo-rocketprotpo.lender-logo-mark { filter: drop-shadow(0 0 1px rgba(255,255,255,.85)) drop-shadow(0 1px 5px rgba(255,45,72,.35)); } [data-theme="dark"] .lender-logo-springeq:not(.lender-logo-mark), [data-theme="dark"] .lender-logo-springequity:not(.lender-logo-mark) { content: url("/assets/lenders/SpringEQ_dark.png"); filter: drop-shadow(0 0 1px rgba(255,255,255,.85)) drop-shadow(0 1px 6px rgba(50,190,105,.28)); } [data-theme="dark"] .lender-logo-springeq.lender-logo-mark, [data-theme="dark"] .lender-logo-springequity.lender-logo-mark { filter: drop-shadow(0 0 1px rgba(255,255,255,.8)) drop-shadow(0 1px 5px rgba(50,190,105,.34)); } [data-theme="dark"] .lender-logo-sierra, [data-theme="dark"] .lender-logo-sierrapacific, [data-theme="dark"] .lender-logo-sierrapacificmortgage, [data-theme="dark"] .lender-logo-unionhome, [data-theme="dark"] .lender-logo-unionhomemortgage { filter: brightness(1.22) saturate(1.14) drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 1px 6px rgba(255,255,255,.48)); } [data-theme="dark"] .lender-logo-fallback { filter: none; } .lender-logo-stack { align-items: center; display: inline-flex; flex-shrink: 1; gap: 4px; justify-content: center; max-width: 100%; min-width: 0; overflow: hidden; } .lender-logo { display: block; flex: 0 0 auto; height: 34px; max-width: 150px; object-fit: contain; width: auto; } .lender-brand.compact .lender-logo { height: 30px; max-width: 132px; } .lender-brand.inline .lender-logo { height: 24px; max-width: 108px; } .lender-brand.chip .lender-logo { height: 18px; max-width: 76px; } .lender-brand.chip .lender-logo-mark { height: 24px; max-width: 24px; width: 24px; } .lender-brand.chip .lender-logo-figure.lender-logo-mark, .lender-brand.chip .lender-logo-figurelending.lender-logo-mark { height: 23px; max-width: 23px; width: 23px; } .lender-brand.chip .lender-logo-figure.lender-logo-mark[src$="Figure_mark_glyph.png"], .lender-brand.chip .lender-logo-figurelending.lender-logo-mark[src$="Figure_mark_glyph.png"] { filter: drop-shadow(0 0 1px rgba(255,255,255,.86)); } .lender-brand.chip .lender-logo-homeexpress.lender-logo-mark, .lender-brand.chip .lender-logo-homexpress.lender-logo-mark, .lender-brand.chip .lender-logo-homex.lender-logo-mark { height: 22px; max-width: 28px; width: auto; } .lender-brand.chip .lender-logo-lu.lender-logo-mark, .lender-brand.chip .lender-logo-loanunited.lender-logo-mark, .lender-brand.chip .lender-logo-loanunitedwholesale.lender-logo-mark { height: 21px; max-width: 30px; width: auto; } .lender-brand.chip .lender-logo-newrez.lender-logo-mark { height: 20px; max-width: 34px; width: auto; } .lender-brand.chip .lender-logo-pennymac.lender-logo-mark, .lender-brand.chip .lender-logo-pennymacfinancialservices.lender-logo-mark, .lender-brand.chip .lender-logo-pennymactpo.lender-logo-mark { height: 20px; max-width: 30px; width: 30px; } .lender-brand.chip .lender-logo-rocket.lender-logo-mark, .lender-brand.chip .lender-logo-rocketpro.lender-logo-mark, .lender-brand.chip .lender-logo-rocketprotpo.lender-logo-mark { height: 21px; max-width: 22px; width: 22px; } .lender-brand.chip .lender-logo-springeq.lender-logo-mark, .lender-brand.chip .lender-logo-springequity.lender-logo-mark { height: 22px; max-width: 24px; width: 24px; } .lender-brand.chip .lender-logo-sierra.lender-logo-mark, .lender-brand.chip .lender-logo-sierrapacific.lender-logo-mark, .lender-brand.chip .lender-logo-sierrapacificmortgage.lender-logo-mark, .lender-brand.chip .lender-logo-unionhome.lender-logo-mark, .lender-brand.chip .lender-logo-unionhomemortgage.lender-logo-mark { border-radius: 999px; height: 27px; max-width: 27px; object-fit: cover; width: 27px; } .lender-brand.chip .lender-logo-union-chip { align-items: center; background: color-mix(in srgb, #241d5d 94%, #fff); border: 1px solid color-mix(in srgb, #78b843 72%, #241d5d); border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255,255,255,.24); display: inline-flex; font-size: 10px; font-weight: 950; gap: 1px; height: 20px; justify-content: center; letter-spacing: -.02em; line-height: 1; max-width: 29px; width: 29px; } .lender-brand.chip .lender-logo-union-chip b:first-child { color: #fff; } .lender-brand.chip .lender-logo-union-chip b:last-child { color: #8bc34a; } .lender-brand.full .lender-logo { height: 42px; max-width: 174px; } .lender-logo-stack .lender-logo + .lender-logo { margin-left: 4px; } .lender-logo-fallback { align-items: center; background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line)); border-radius: 999px; color: var(--ink); display: inline-flex; font-size: 10px; font-weight: 900; height: 28px; justify-content: center; width: 28px; } .lender-name { display: inline-block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lender-line { align-items: center; display: flex; gap: 4px; min-width: 0; } .control-summary { align-items: start; display: grid; gap: 14px; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); margin-bottom: 14px; } body[data-app-view="control"] .control-page > :is(.market-data-panel,.control-summary,.auto-quote-panel,.lead-import-control-panel) { margin-bottom: 0 !important; } .pricing-control-column { align-content: start; display: grid; gap: 14px; grid-auto-rows: auto; min-width: 0; } .deterministic-auto-panel,.deterministic-auto-summary-chip,.investor-pricing-preview { --auto-mood-a: color-mix(in srgb,var(--primary) 90%,#000); --auto-mood-b: color-mix(in srgb,var(--accent) 74%,#000); --auto-mood-c: color-mix(in srgb,var(--accent) 54%,#fff); } .deterministic-auto-mood-balanced { --auto-mood-a: #102f63; --auto-mood-b: #2779a8; --auto-mood-c: #7fbedb; } .deterministic-auto-mood-savings { --auto-mood-a: #0f4f3d; --auto-mood-b: #15895e; --auto-mood-c: #8fd9bd; } .deterministic-auto-mood-best { --auto-mood-a: #0b315f; --auto-mood-b: #0b87b8; --auto-mood-c: #7dd7f1; } .deterministic-auto-mood-payments { --auto-mood-a: #3f376b; --auto-mood-b: #7b65b8; --auto-mood-c: #cabdf2; } .deterministic-auto-mood-cost { --auto-mood-a: #6a3d0f; --auto-mood-b: #c98317; --auto-mood-c: #f4c166; } .deterministic-auto-panel-grid { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); min-width: 0; } .deterministic-auto-panel { align-items: center; background: linear-gradient(135deg,var(--auto-mood-a),var(--auto-mood-b)); border: 1px solid color-mix(in srgb, var(--auto-mood-c) 44%, var(--auto-mood-a)); border-radius: 8px; box-sizing: border-box; color: #fff; display: grid; font-family: inherit; gap: 8px 12px; grid-template-columns: 92px minmax(0,1fr); min-height: 142px; overflow: hidden; padding: 16px; position: relative; text-align: left; width: 100%; } .deterministic-auto-panel::after { background: linear-gradient(90deg, transparent, rgba(255,255,255,.12)); content: ""; inset: 0; pointer-events: none; position: absolute; } .deterministic-auto-panel:hover,.deterministic-auto-panel:focus-within { box-shadow: 0 0 0 3px color-mix(in srgb, var(--auto-mood-c) 26%, transparent),0 10px 22px rgba(16,24,32,.16); outline: 0; } .deterministic-auto-mood-button { align-items: center; appearance: none; background: transparent; border: 0; color: inherit; cursor: pointer; display: grid; font-family: inherit; gap: 12px; grid-column: 1 / -1; grid-template-columns: 92px minmax(0,1fr); min-width: 0; padding: 0; position: relative; text-align: left; z-index: 1; } .deterministic-auto-mood-button:focus-visible,.deterministic-investor-toggle:focus-visible { outline: 2px solid color-mix(in srgb, #fff 78%, var(--auto-mood-c)); outline-offset: 3px; } .deterministic-auto-logo { display: block; height: 74px; margin: 0; object-fit: contain; object-position: center; width: 92px; z-index: 1; } .deterministic-auto-copy { display: grid; gap: 8px; min-width: 0; position: relative; z-index: 1; } .deterministic-auto-copy .eyebrow { color: #dff7fb; margin: 0; } .deterministic-auto-heading { color: #fff; font-size: 20px; font-weight: 800; line-height: 1.08; } .deterministic-auto-mood-label { color: #fff; font-size: 16px; font-weight: 800; line-height: 1.08; } .deterministic-auto-mood-detail { color: #e4f7ff; font-size: 12px; font-weight: 760; line-height: 1.2; } .deterministic-auto-current { align-items: center; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.24); border-radius: 8px; display: grid; gap: 3px; justify-self: start; max-width: 100%; min-width: 0; padding: 10px 12px; text-align: center; width: fit-content; } .deterministic-auto-current strong { color: #fff; font-size: 16px; line-height: 1.1; } .deterministic-auto-current em { color: #e4f7ff; font-size: 12px; font-style: normal; font-weight: 760; grid-column: 1 / -1; line-height: 1.2; } .deterministic-investor-toggle { align-items: center; appearance: none; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.25); border-radius: 8px; color: #fff; cursor: pointer; display: grid; font-family: inherit; gap: 3px; grid-column: 2; justify-self: start; min-width: 132px; padding: 9px 12px; position: relative; text-align: center; z-index: 2; } .deterministic-investor-toggle strong { color: #fff; font-size: 16px; line-height: 1.05; } .deterministic-investor-toggle em { color: #e4f7ff; font-size: 12px; font-style: normal; font-weight: 760; line-height: 1.12; } .deterministic-investor-toggle.is-on { background: color-mix(in srgb, var(--auto-mood-c) 26%, rgba(255,255,255,.16)); border-color: color-mix(in srgb, var(--auto-mood-c) 58%, #fff); } .deterministic-auto-mood-dots { align-items: center; display: flex; gap: 5px; min-height: 8px; } .deterministic-auto-mood-dots span { background: rgba(255,255,255,.36); border-radius: 999px; height: 5px; width: 13px; } .deterministic-auto-mood-dots span.is-active { background: #fff; width: 24px; } .deterministic-auto-summary-chips { align-items: center; display: none; gap: 8px; justify-content: end; margin-left: auto; min-width: 0; } .pricing-engine-panel:not([open]) .deterministic-auto-summary-chips { display: inline-flex; } .pricing-engine-panel[open] .deterministic-auto-summary-chips { display: none; } .deterministic-auto-summary-chip { align-items: center; appearance: none; background: linear-gradient(135deg,color-mix(in srgb,var(--auto-mood-a) 94%,#fff),color-mix(in srgb,var(--auto-mood-b) 88%,#fff)); border: 1px solid color-mix(in srgb,var(--auto-mood-c) 54%,var(--auto-mood-a)); border-radius: 999px; box-shadow: 0 7px 16px rgba(15,32,52,.11); color: #fff; cursor: pointer; display: inline-flex; gap: 7px; line-height: 1; max-width: min(170px,24vw); min-height: 32px; min-width: 132px; padding: 5px 13px 5px 6px; white-space: nowrap; } .deterministic-auto-summary-tab { align-items: center; background: rgba(7,21,35,.76); border: 1px solid rgba(255,255,255,.34); border-radius: 999px; box-shadow: 0 5px 10px rgba(7,21,35,.16); color: #fff; display: inline-flex; flex: 0 0 22px; font-size: 12px; font-weight: 950; height: 22px; justify-content: center; line-height: 1; width: 22px; } .deterministic-auto-summary-chip em { color: #fff; display: block; font-size: 12px; font-style: normal; font-weight: 820; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .deterministic-auto-summary-chip:hover,.deterministic-auto-summary-chip:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb,var(--auto-mood-c) 28%,transparent),0 9px 18px rgba(15,32,52,.16); outline: 0; transform: translateY(-1px); } body[data-app-view="control"] .pricing-engine-panel:not([open]) > .pricing-engine-head { align-items: center !important; display: grid !important; gap: 10px !important; grid-template-columns: minmax(0,1fr) minmax(0,264px) !important; overflow: hidden !important; } body[data-app-view="control"] .pricing-engine-panel:not([open]) > .pricing-engine-head > div:first-child { min-width: 0 !important; overflow: hidden !important; } body[data-app-view="control"] .pricing-engine-panel:not([open]) .deterministic-auto-summary-chips { display: grid !important; gap: 6px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; justify-self: end !important; margin-left: 0 !important; max-width: 100% !important; min-width: 0 !important; width: min(264px,100%) !important; } body[data-app-view="control"] .pricing-engine-panel:not([open]) .deterministic-auto-summary-chip { max-width: 100% !important; min-width: 0 !important; padding-right: 10px !important; width: 100% !important; } body[data-app-view="control"] .pricing-engine-panel:not([open]) .deterministic-auto-summary-chip em { max-width: 78px !important; } @media (min-width: 981px) { body[data-app-view="control"] .investor-comp-panel:not([open]) > .investor-comp-head { align-items: center !important; display: grid !important; gap: 10px !important; grid-template-columns: minmax(0,1fr) auto 42px !important; overflow: hidden !important; } body[data-app-view="control"] .investor-comp-panel:not([open]) > .investor-comp-head > div:first-child { min-width: 0 !important; overflow: hidden !important; } body[data-app-view="control"] .investor-comp-panel:not([open]) .investor-comp-summary-actions { align-self: center !important; display: grid !important; gap: 6px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; justify-self: end !important; margin-left: 0 !important; max-width: 100% !important; min-width: 0 !important; width: 220px !important; } body[data-app-view="control"] .investor-comp-panel:not([open]) .investor-comp-summary-actions .btn.mini { min-width: 0 !important; width: 100% !important; } body[data-app-view="control"] .investor-comp-panel:not([open]) > .investor-comp-head > .collapse-icon { grid-column: 3 !important; justify-self: end !important; } } .panel.control-summary,.panel.auto-quote-panel { background: var(--control-section-surface); border-color: var(--control-section-border); } .investor-comp-panel { align-content: start; align-self: start; background: var(--control-section-surface); border: 1px solid var(--control-section-border); border-radius: 8px; display: grid; gap: 10px; height: auto; min-width: 0; padding: 14px; } .investor-comp-head { align-items: start; display: grid; gap: 12px; grid-template-columns: minmax(0,1fr) auto; min-height: 50px; } .investor-comp-head > div:first-child,.pricing-engine-head > div:first-child { display: grid; min-height: 50px; align-content: start; } .investor-comp-head h3 { font-size: 18px; margin: 0; } .investor-comp-head .eyebrow,.pricing-engine-head .eyebrow { margin: 0 0 4px; } .investor-config-copy,.pricing-engine-copy { color: var(--muted); font-size: 13px; font-weight: 400; line-height: 1.35; margin: 0; max-width: 520px; } .investor-comp-actions { align-self: start; display: grid; gap: 6px; grid-template-columns: repeat(2,minmax(86px,max-content)); justify-content: end; justify-items: stretch; min-width: 0; } .investor-comp-actions .btn.mini { min-height: 34px; min-width: 86px; padding: 7px 12px; } .investor-comp-summary-actions { align-self: start; display: inline-flex; gap: 6px; justify-content: end; justify-self: end; } .investor-comp-summary-actions .btn.mini { background: #fff; border-color: color-mix(in srgb, var(--accent) 18%, var(--line)); border-radius: 999px; box-shadow: 0 1px 2px rgba(9,23,42,.05); min-height: 32px; min-width: 86px; padding: 6px 12px; } .investor-comp-summary-actions .btn.mini:hover, .investor-comp-summary-actions .btn.mini:focus { background: color-mix(in srgb, var(--accent) 7%, #fff); border-color: color-mix(in srgb, var(--accent) 34%, var(--line)); color: color-mix(in srgb, var(--primary) 82%, var(--accent)); outline: 0; } .investor-config-spacer { display: none; } .investor-select-all.active { background: color-mix(in srgb, var(--green) 15%, var(--paper)); border-color: color-mix(in srgb, var(--green) 42%, var(--line)); color: color-mix(in srgb, var(--green) 74%, var(--ink)); } .btn.ghost.correspondent-toggle.active { background: var(--theme-control-active-bg); border-color: var(--theme-control-active-border); color: var(--theme-control-active-text); font-weight: 500; } .investor-comp-lanes { align-items: start; display: grid; gap: 8px 10px; grid-template-columns: repeat(2,minmax(0,1fr)); min-width: 0; } .investor-comp-grid { display: grid; gap: 7px; grid-template-columns: repeat(2,minmax(220px,1fr)); max-height: 291px; overflow-y: auto; padding-right: 4px; } .investor-comp-lane { grid-template-columns: minmax(0,1fr); min-width: 0; } .investor-comp-row { align-items: center; background: color-mix(in srgb, var(--soft) 62%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; cursor: pointer; display: grid; gap: 7px; grid-template-columns: minmax(0,1fr) 70px; min-height: 44px; padding: 6px 7px; position: relative; transition: background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease; } .investor-comp-row.selected { background: color-mix(in srgb, var(--green) 12%, var(--paper)); border-color: color-mix(in srgb, var(--green) 38%, var(--line)); box-shadow: inset 4px 0 0 var(--green); } .investor-comp-row.preferred-first { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); box-shadow: inset 4px 0 0 var(--accent); } .investor-comp-row.preferred-second { background: color-mix(in srgb, var(--gold) 18%, var(--paper)); border-color: color-mix(in srgb, var(--gold) 62%, var(--line)); box-shadow: inset 4px 0 0 color-mix(in srgb, var(--gold) 72%, var(--accent)); } .investor-comp-row.is-correspondent-ineligible { background: color-mix(in srgb, var(--muted) 9%, var(--paper)); border-color: color-mix(in srgb, var(--muted) 22%, var(--line)); box-shadow: inset 4px 0 0 color-mix(in srgb, var(--muted) 38%, var(--line)); cursor: not-allowed; opacity: .62; } .investor-comp-row:hover { transform: translateY(-1px); } .investor-comp-row.preferred-first:hover,.investor-comp-row.preferred-second:hover,.investor-comp-row.is-correspondent-ineligible:hover { transform: none; } .investor-comp-toggle { align-items: center; background: transparent; border: 0; cursor: pointer; display: flex; font-family: inherit; min-height: 32px; min-width: 0; padding: 0; pointer-events: none; text-align: left; } .investor-comp-toggle:disabled { cursor: not-allowed; } .investor-comp-row .lender-brand,.investor-comp-row .lender-logo-stack { min-width: 0; } .investor-comp-row .lender-brand.compact .lender-logo { height: 22px; max-width: 98px; } .investor-comp-row input[type="number"] { background: var(--paper); border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line)); border-radius: 7px; color: var(--ink); font-family: inherit; font-size: 14px; font-weight: 400; min-height: 32px; padding: 6px 7px; text-align: center; width: 100%; } .investor-comp-row input[type="number"]:disabled { background: color-mix(in srgb, var(--muted) 8%, var(--paper)); border-color: color-mix(in srgb, var(--muted) 24%, var(--line)); color: color-mix(in srgb, var(--muted) 76%, var(--ink)); cursor: not-allowed; } .investor-comp-row input[type="number"]:focus { border-color: var(--accent); outline: 2px solid color-mix(in srgb, var(--accent) 20%, transparent); } .pricing-engine-panel { align-self: start; background: var(--control-section-surface); border: 1px solid var(--control-section-border); border-radius: 8px; display: grid; gap: 12px; height: auto; min-width: 0; padding: 14px; } .pricing-engine-head,.pricing-engine-section-head { align-items: start; display: flex; gap: 12px; justify-content: space-between; min-height: 50px; } .pricing-engine-head h3 { font-size: 18px; margin: 0; } .preferred-investor-grid label,.pricing-preset-option label { color: var(--muted); display: grid; font-size: 12px; font-weight: 600; gap: 5px; } .pricing-engine-head select,.preferred-investor-grid select,.preferred-investor-grid input,.pricing-preset-matrix select { background: var(--paper); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font-family: inherit; font-size: 13px; font-weight: 400; min-height: 34px; padding: 6px 9px; width: 100%; } .pricing-engine-head select,.preferred-investor-grid select,.preferred-investor-grid input,.pricing-preset-matrix select,.comp-override-menu { color-scheme: light; } .preferred-investor-grid option,.pricing-engine-head option,.pricing-preset-matrix option { background: #fff; color: #112033; } .preferred-investor-grid { display: grid; gap: 8px 10px; grid-template-columns: repeat(2,minmax(0,1fr)); } .investor-config-preferred { margin-top: -4px; } .preferred-investor-first { grid-column: 1; grid-row: 1; } .preferred-comp-first { grid-column: 1; grid-row: 2; } .preferred-investor-second { grid-column: 2; grid-row: 1; } .preferred-comp-second { grid-column: 2; grid-row: 2; } .preferred-investor-grid span { color: var(--muted); font-size: 12px; font-weight: 600; } .preferred-investor-field .control-pref-choice-shell { width: 100%; } .preferred-investor-field .control-pref-choice-shell .custom-choice-menu summary { align-items: center; background: var(--paper); border-color: var(--line); border-radius: 7px; grid-template-columns: minmax(0,1fr); min-height: 34px; padding: 5px 9px; } .preferred-investor-field .control-pref-choice-shell .custom-choice-menu summary::after { display: none; } .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] summary, .preferred-investor-field .control-pref-choice-shell .custom-choice-menu summary:hover, .preferred-investor-field .control-pref-choice-shell .custom-choice-menu summary:focus { border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); outline: 0; } .preferred-investor-field .control-pref-choice-shell .custom-choice-menu strong.custom-choice-summary-rich { align-items: center; color: var(--ink); display: grid; font-size: 13px; font-weight: 400; grid-template-columns: minmax(0,1fr); line-height: 1.2; min-width: 0; text-align: left; width: 100%; } .preferred-investor-field .control-pref-choice-shell .custom-choice-menu strong.custom-choice-summary-rich:has(.mini-pref-display-logo) { gap: 8px; grid-template-columns: 40px minmax(0,1fr); } .preferred-investor-field .control-pref-choice-shell .mini-pref-auto-display { grid-template-columns: minmax(44px,1fr) minmax(112px,132px); } .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo { align-items: center; background: transparent; border: 0; display: inline-flex; justify-content: center; min-width: 0; width: 40px; } .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo .lender-logo-stack { align-items: center; display: inline-flex; justify-content: center; min-width: 0; width: 100%; } .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo .lender-logo { height: 18px; max-width: 34px; } .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo .lender-logo-mark { height: 22px; max-width: 22px; width: 22px; } .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo .lender-logo-union-chip { height: 17px; max-width: 36px; } .preferred-investor-field .control-pref-choice-shell .mini-pref-display-text { color: inherit; font-size: inherit; font-weight: inherit; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .investor-config-tools { align-content: start; background: color-mix(in srgb, var(--paper) 76%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 84%, transparent); border-radius: 8px; display: grid; gap: 9px; grid-column: 1 / -1; margin-top: 6px; min-width: 0; padding: 10px; } .investor-config-tools-head { align-items: baseline; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto; min-width: 0; } .investor-config-tools-head strong { color: var(--ink); font-size: 13px; font-weight: 850; line-height: 1.15; } .investor-config-tools-head span { color: var(--muted); font-size: 11px; font-weight: 760; white-space: nowrap; } .investor-config-search-row { align-items: stretch; display: grid; gap: 7px; grid-template-columns: minmax(0,1fr) max-content max-content; min-width: 0; } .investor-config-search-row input[type="search"] { background: var(--paper); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font-family: inherit; font-size: 13px; font-weight: 400; min-height: 34px; min-width: 0; padding: 6px 9px; width: 100%; } .investor-config-search-row input[type="search"]:focus { border-color: var(--accent); outline: 2px solid color-mix(in srgb, var(--accent) 18%, transparent); } .investor-filter-check { align-items: center; background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); cursor: pointer; display: inline-flex; font-size: 12px; font-weight: 760; gap: 6px; justify-content: center; min-height: 34px; padding: 6px 9px; white-space: nowrap; } .investor-filter-check input { accent-color: var(--accent); margin: 0; } .investor-filter-clear { min-height: 34px; min-width: 62px; padding: 6px 9px; } .investor-config-stat-row { display: grid; gap: 6px; grid-template-columns: repeat(3,minmax(0,1fr)); min-width: 0; } .investor-config-stat { background: color-mix(in srgb, var(--accent) 7%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line)); border-radius: 7px; display: grid; gap: 2px; min-width: 0; padding: 7px 8px; } .investor-config-stat b { color: var(--ink); font-size: 15px; line-height: 1; } .investor-config-stat small { color: var(--muted); font-size: 10.5px; font-weight: 760; line-height: 1.12; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .investor-comp-lane.is-filter-empty::after { align-items: center; background: color-mix(in srgb, var(--muted) 6%, var(--paper)); border: 1px dashed color-mix(in srgb, var(--muted) 34%, var(--line)); border-radius: 8px; color: var(--muted); content: "No matching investors"; display: grid; font-size: 12px; font-weight: 760; min-height: 44px; padding: 10px; text-align: center; } @media (max-width: 760px) { .investor-config-search-row, .investor-config-stat-row { grid-template-columns: minmax(0,1fr); } .investor-filter-check, .investor-filter-clear { width: 100%; } } .comp-override-combo { align-items: stretch; background: var(--paper); border: 1px solid var(--line); border-radius: 7px; display: grid; grid-template-columns: minmax(0,1fr); min-height: 34px; position: relative; width: 100%; } .preferred-investor-grid .comp-override-combo input { background: transparent; border: 0; border-radius: 7px; min-height: 32px; padding: 6px 8px; } .preferred-investor-grid .comp-override-combo input:focus { outline: 0; } .comp-override-combo:focus-within { border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent); } .comp-override-toggle { display: none; } .comp-override-menu { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 14px 30px rgba(17, 32, 51, .16); display: none; left: 0; max-height: 214px; overflow: auto; padding: 5px; position: absolute; right: 0; top: calc(100% + 5px); z-index: 30; } .comp-override-combo.is-open .comp-override-menu { display: grid; } .comp-override-option { background: transparent; border: 0; border-radius: 6px; color: var(--ink); cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 400; min-height: 30px; padding: 6px 9px; text-align: left; } .comp-override-option:hover,.comp-override-option:focus { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); outline: 0; } .pricing-preset-lien-switch { align-items: center; display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 8px; } .pricing-preset-matrix { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); } .pricing-preset-column-head { align-items: end; display: grid; gap: 8px; grid-template-columns: 72px repeat(3,minmax(0,1fr)); padding: 0 10px; } .pricing-preset-column-head strong { color: var(--section-label); font-size: 12px; font-weight: 600; text-align: center; } .pricing-preset-option-toggle { align-items: center; background: var(--paper); border: 1px solid color-mix(in srgb, var(--line) 84%, var(--accent)); border-radius: 999px; color: var(--section-label); cursor: pointer; display: inline-flex; font-size: 12px; font-weight: 500; gap: 0; justify-content: center; line-height: 1; min-height: 30px; padding: 7px 10px; text-align: center; transition: background .16s ease,border-color .16s ease,color .16s ease; } .pricing-preset-option-toggle input { height: 1px; margin: -1px; opacity: 0; overflow: hidden; position: absolute; width: 1px; } .pricing-preset-option-toggle.is-enabled { background: color-mix(in srgb, var(--green) 12%, var(--paper)); border-color: color-mix(in srgb, var(--green) 36%, var(--line)); color: color-mix(in srgb, var(--green) 74%, var(--ink)); } .pricing-preset-lien[class*="deterministic-auto-mood-"] .pricing-preset-option-toggle.is-enabled { background: linear-gradient(135deg,color-mix(in srgb,var(--auto-mood-a, var(--green)) 10%, var(--paper)),color-mix(in srgb,var(--auto-mood-b, var(--green)) 16%, var(--paper))); border-color: color-mix(in srgb,var(--auto-mood-b, var(--green)) 40%, var(--line)); color: color-mix(in srgb,var(--auto-mood-a, var(--green)) 76%, var(--ink)); } .pricing-preset-lien[class*="deterministic-auto-mood-"] .pricing-preset-option-toggle.is-enabled:hover, .pricing-preset-lien[class*="deterministic-auto-mood-"] .pricing-preset-option-toggle.is-enabled:focus-within { border-color: color-mix(in srgb,var(--auto-mood-b, var(--accent)) 58%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb,var(--auto-mood-c, var(--accent)) 18%, transparent); } .pricing-preset-option-toggle.is-disabled { background: color-mix(in srgb, var(--muted) 6%, var(--paper)); color: color-mix(in srgb, var(--muted) 76%, var(--ink)); } .pricing-preset-option-toggle:hover,.pricing-preset-option-toggle:focus-within { border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); outline: 0; } .pricing-preset-lien { background: color-mix(in srgb, var(--soft) 62%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 8px; padding: 12px 10px 10px; } .pricing-preset-section-head { align-items: center; display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); min-width: 0; } .pricing-preset-lien-label { align-items: center; background: var(--primary); border-radius: 7px; color: #fff; display: flex; font-size: 16px; font-weight: 500; justify-content: center; min-height: 32px; } .pricing-preset-fields { display: grid; gap: 7px; min-width: 0; } .pricing-preset-field-head { align-items: end; display: grid; gap: 8px; grid-template-columns: minmax(82px,.72fr) minmax(0,1fr) minmax(0,1fr); min-height: 12px; min-width: 0; padding: 0 2px; } .pricing-preset-field-head span { color: color-mix(in srgb, var(--muted) 82%, var(--ink)); font-size: 9px; font-weight: 900; letter-spacing: .04em; line-height: 1; text-align: center; } .pricing-preset-option-line { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(82px,.72fr) minmax(0,1fr) minmax(0,1fr); min-width: 0; } .pricing-preset-option-line .pricing-preset-option-toggle { min-width: 0; width: 100%; } .pricing-preset-option-line select.is-auto-selected { text-align: left; text-align-last: center; } .pricing-preset-row { align-items: center; display: grid; gap: 8px; grid-template-columns: 72px repeat(3,minmax(0,1fr)); min-width: 0; } .pricing-preset-row-label { color: var(--muted); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; } .pricing-preset-options { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); } .pricing-preset-option { display: grid; gap: 7px; min-width: 0; } .pricing-preset-option strong { display: none; } .pricing-preset-control-pair { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 0; overflow: hidden; } .pricing-preset-control-pair select { border: 0; border-radius: 0; min-height: 36px; } .pricing-preset-control-pair select + select { border-top: 1px solid var(--line); } .pricing-preset-matrix select.is-option-disabled { opacity: .52; } .auto-quote-panel { align-items: stretch; display: grid; gap: 12px 14px; grid-template-columns: minmax(0,1fr) minmax(208px,260px); margin-bottom: 14px; } .auto-quote-panel.control-collapsible-section { grid-template-columns: minmax(0,1fr); } .auto-quote-collapsible-body { align-items: stretch; display: grid; gap: 10px 12px; grid-template-columns: minmax(150px,.78fr) minmax(138px,.68fr) minmax(156px,.82fr) minmax(210px,1.12fr) minmax(210px,1.12fr); } .auto-quote-head { align-items: flex-start; display: flex; gap: 14px; grid-column: 1; justify-content: space-between; } .auto-quote-head .eyebrow { margin: 0 0 4px; } .auto-quote-copy { color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.3; margin: 0; max-width: 760px; } .auto-quote-body { align-items: stretch; display: contents; } .auto-quote-fields { background: color-mix(in srgb, var(--soft) 54%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 8px; grid-column: 1; grid-row: 1 / span 2; grid-template-columns: 1fr; padding: 10px; } .auto-quote-fields label,.auto-quote-lists > div { color: var(--muted); display: grid; font-size: 11px; font-weight: 600; gap: 5px; min-width: 0; } .auto-quote-fields input { background: var(--paper); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font-family: inherit; font-size: 12px; font-weight: 400; min-height: 32px; padding: 6px 8px; width: 100%; } .auto-quote-fields input:focus { border-color: var(--accent); outline: 2px solid color-mix(in srgb, var(--accent) 20%, transparent); } .auto-quote-lists { display: contents; } .auto-quote-purpose-lane { grid-column: 2; grid-row: 1; } .auto-quote-occupancy-lane { grid-column: 2; grid-row: 2; } .auto-quote-property-lane { grid-column: 3; grid-row: 1 / span 2; } .auto-quote-chip-grid { display: grid; gap: 6px; grid-template-columns: 1fr; } .auto-quote-chip-grid.compact { grid-template-columns: 1fr; } .auto-quote-lists > div { background: color-mix(in srgb, var(--soft) 54%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; padding: 10px; } .auto-quote-chip { align-items: center; background: var(--paper); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); cursor: pointer; display: flex; font-size: 11px; font-weight: 400; gap: 0; justify-content: center; line-height: 1.1; min-height: 31px; min-width: 0; padding: 7px 8px; text-align: center; transition: background .16s ease,border-color .16s ease,color .16s ease; } .auto-quote-chip input { height: 1px; margin: -1px; opacity: 0; overflow: hidden; position: absolute; width: 1px; } .auto-quote-chip span { max-width: 100%; min-width: 0; overflow: visible; overflow-wrap: normal; text-overflow: clip; white-space: normal; } .auto-quote-chip.selected { background: color-mix(in srgb, var(--green) 12%, var(--paper)); border-color: color-mix(in srgb, var(--green) 36%, var(--line)); color: color-mix(in srgb, var(--green) 75%, var(--ink)); } .auto-quote-chip:hover,.auto-quote-chip:focus-within { border-color: color-mix(in srgb, var(--accent) 38%, var(--line)); outline: 0; } .auto-quote-delivery-stack { align-content: stretch; align-items: stretch; display: grid; gap: 10px; grid-column: 4 / span 2; grid-row: 1 / span 2; grid-template-columns: repeat(2,minmax(0,1fr)); min-width: 0; } .auto-quote-status-card { align-content: start; align-items: center; background: color-mix(in srgb, var(--brand-gold) 14%, var(--paper)); border: 1px solid color-mix(in srgb, var(--brand-gold) 42%, var(--line)); border-radius: 8px; display: grid; gap: 8px 10px; grid-template-columns: minmax(0,1fr) auto; height: auto; min-height: 0; padding: 10px 12px; } .auto-quote-ready-card.is-on { background: color-mix(in srgb, var(--green) 12%, var(--paper)); border-color: color-mix(in srgb, var(--green) 42%, var(--line)); } .auto-quote-update-card { background: color-mix(in srgb, #7aaee4 14%, var(--paper)); border-color: color-mix(in srgb, #7aaee4 42%, var(--line)); } .auto-quote-update-card.is-on { background: color-mix(in srgb, var(--accent) 13%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 46%, var(--line)); } .auto-quote-count-summary { display: grid; gap: 3px; min-width: 0; } .auto-quote-count-summary strong { color: var(--ink); font-size: 24px; font-weight: 400; line-height: 1; } .auto-quote-update-card .auto-quote-count-summary strong { font-size: 18px; } .auto-quote-count-summary p { color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.22; margin: 0; } .auto-quote-auto-toggle { background: var(--paper) !important; border-color: color-mix(in srgb, var(--accent) 34%, var(--line)) !important; color: var(--ink) !important; flex: 0 0 auto; gap: 7px; justify-content: center; min-height: 38px; min-width: 94px; padding: 6px 9px !important; } .auto-quote-auto-toggle strong { color: var(--ink); font-size: 12px; font-weight: 400; line-height: 1; } .auto-quote-auto-toggle.is-on { background: color-mix(in srgb, var(--accent) 14%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 54%, var(--line)) !important; color: color-mix(in srgb, var(--accent) 82%, var(--ink)) !important; } .auto-quote-auto-toggle.is-on .lead-import-switch-track { background: color-mix(in srgb, var(--accent) 78%, var(--primary)); border-color: color-mix(in srgb, var(--accent) 86%, var(--primary)); } .auto-quote-auto-toggle.is-on .lead-import-switch-track i { transform: translateX(18px); } .auto-quote-auto-toggle.is-on strong { color: color-mix(in srgb, var(--accent) 78%, var(--ink)); } .auto-quote-route { align-items: center; border-top: 1px solid var(--line); display: flex; gap: 8px; grid-column: 1 / -1; justify-content: space-between; padding-top: 8px; } .auto-quote-route b { color: var(--muted); font-size: 11px; font-weight: 600; text-transform: none; } .auto-quote-route em { color: var(--ink); font-size: 12px; font-style: normal; font-weight: 400; text-align: right; } .auto-quote-route.muted em { color: var(--muted); } .guardrail-list { display: grid; gap: 8px; margin-bottom: 14px; } .guardrail { border: 1px solid var(--line); border-radius: 8px; font-weight: 400; padding: 10px 12px; } .guardrail.warning { background: #fff8df; border-color: #f0d785; color: #6a4a00; } .guardrail.error { background: #fff0f0; border-color: #ffd0d0; color: var(--red); } .pricing-lab { display: grid; gap: 14px; } .pricing-lab-shell { align-items: start; display: grid; gap: 12px; grid-template-columns: minmax(0,1fr) minmax(200px,235px); } .pricing-lab-shell.rail-collapsed { grid-template-columns: minmax(0,1fr) 96px; } .pricing-lab-shell.quote-build-mode { grid-template-columns: minmax(0,1fr); } .pricing-lab-main { display: grid; gap: 14px; min-width: 0; } .pricing-lab-summary { align-items: start; grid-template-columns: minmax(0,1fr); margin-bottom: 0; padding-top: 13px; } .pricing-lab-summary .pricing-scenario-copy { align-content: start; display: grid; gap: 5px; } .pricing-lab-summary h2 { font-size: 28px; line-height: 1.05; margin: -2px 0 0; } .pricing-summary-head { align-items: center; display: flex; gap: 12px; justify-content: space-between; min-width: 0; } .pricing-summary-head .eyebrow { margin: 0; } .pricing-lead-nav { margin: -1px 0 2px; } .pricing-lead-nav .lead-nav-btn { height: 24px; width: 24px; } .pricing-lead-nav span { font-size: 10px; min-width: 34px; } .pricing-scenario-attributes { align-items: center; display: flex; flex-wrap: wrap; gap: 7px; margin: 0; } .pricing-scenario-attributes span { background: color-mix(in srgb, var(--soft) 62%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 82%, transparent); border-radius: 999px; color: var(--ink); font-size: 14px; font-weight: 850; line-height: 1.1; padding: 5px 8px; } .pricing-summary-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; } .pricing-summary-actions .btn { min-height: 42px; } .pricing-lab-rail { align-self: start; display: grid; gap: 10px; min-width: 0; position: sticky; top: 18px; } .pricing-lab-rail.is-collapsed { gap: 10px; } .pricing-rail-toggle,.pricing-rail-mini { background: color-mix(in srgb, var(--accent) 6%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line)); border-radius: 8px; color: var(--ink); cursor: pointer; display: grid; gap: 4px; min-width: 0; padding: 9px 10px; text-align: left; transition: background .16s ease,border-color .16s ease,box-shadow .16s ease; } .pricing-rail-toggle { align-items: center; grid-template-columns: minmax(0,1fr) auto; } .pricing-rail-toggle span:first-child,.pricing-rail-mini span { color: var(--primary); font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; } .pricing-rail-toggle strong,.pricing-rail-mini strong { color: var(--ink); font-size: 15px; line-height: 1.15; } .pricing-rail-toggle .collapse-icon { grid-column: 2; grid-row: 1 / span 2; justify-self: end; } .pricing-lab-rail.is-expanded .pricing-rail-toggle .collapse-icon::before { margin-top: 2px; transform: rotate(-135deg); } .pricing-lab-rail.is-collapsed .pricing-rail-toggle,.pricing-rail-mini { justify-items: center; min-height: 76px; text-align: center; } .pricing-lab-rail.is-collapsed .pricing-rail-toggle { grid-template-columns: 1fr; } .pricing-lab-rail.is-collapsed .pricing-rail-toggle .collapse-icon { grid-column: auto; grid-row: auto; justify-self: center; } .pricing-rail-mini-stack { display: grid; gap: 10px; } .pricing-rail-mini.hot,.pricing-lab-rail.has-live-alerts .pricing-rail-toggle { background: #fff8df; border-color: #f0d785; box-shadow: inset 4px 0 0 var(--gold); } [data-theme="dark"] .pricing-rail-mini.hot,[data-theme="dark"] .pricing-lab-rail.has-live-alerts .pricing-rail-toggle { background: #2b2111; border-color: var(--gold); } [data-theme="dark"] .pricing-rail-mini.hot span,[data-theme="dark"] .pricing-rail-mini.hot strong,[data-theme="dark"] .pricing-lab-rail.has-live-alerts .pricing-rail-toggle span:first-child,[data-theme="dark"] .pricing-lab-rail.has-live-alerts .pricing-rail-toggle strong { color: #fff2c4; } .pricing-rail-toggle:hover,.pricing-rail-mini:hover { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); box-shadow: 0 6px 18px rgba(9,33,62,.08); } .pricing-lab-rail .rate-watch-panel { padding: 10px; } .pricing-lab-rail .rate-watch-head { display: grid; gap: 8px; } .pricing-lab-rail .rate-watch-actions { justify-content: flex-start; } .pricing-lab-rail .rate-alert-list { grid-template-columns: 1fr; } .pricing-lab-rail .rate-alert-card { gap: 7px; padding: 9px; } .pricing-lab-rail .rate-alert-card div:first-child { align-items: flex-start; flex-direction: column; justify-content: flex-start; } .pricing-lab-rail .rate-alert-card div:first-child > span:not(.lender-brand) { width: fit-content; } .pricing-lab-rail .section-intro { font-size: 12px; } .pricing-lab-rail .rate-watch-head h3 { font-size: 16px; } .pricing-lab-rail .rate-watch-actions { gap: 6px; } .pricing-lab-rail .rate-watch-actions .btn, .pricing-lab-rail .rate-alert-actions .btn { font-size: 11px; min-height: 30px; padding: 6px 9px; } .pricing-lab-rail .rate-alert-actions { gap: 6px; } .pricing-lab-rail .rate-alert-card p { font-size: 13px; line-height: 1.2; } .pricing-lab-rail .rate-alert-card small { font-size: 11px; line-height: 1.25; } .pricing-lab-rail .rate-alert-card .lender-brand.compact { min-height: 32px; } .pricing-lab-rail .rate-alert-card .lender-brand.compact .lender-logo { height: 30px; max-width: 150px; } .pricing-lab-rail .rate-alert-card div:first-child > span:not(.lender-brand) { font-size: 10px; padding: 4px 7px; } .pricing-lab-rail .internal-rate-vault .editor-section-summary small { max-width: none; } .rate-watch-panel { background: var(--control-section-surface); border: 1px solid var(--control-section-border); border-radius: 8px; padding: 14px; } .control-collapsible-section { align-content: start; align-self: start; display: grid; gap: 12px; grid-template-columns: minmax(0,1fr); min-width: 0; } .control-collapsible-section:not([open]) { gap: 0; } .control-collapsible-summary { align-items: flex-start; cursor: pointer; display: grid; gap: 8px 12px; grid-template-columns: max-content minmax(0,1fr) max-content; list-style: none; margin: 0; min-height: 34px; } .control-collapsible-summary::-webkit-details-marker { display: none; } .control-collapsible-summary > span:first-child { align-self: start; display: inline-flex; justify-self: start; max-width: 100%; min-width: 0; } .control-collapsible-summary > div:first-child { align-content: start; display: grid; justify-items: start; max-width: 100%; min-width: 0; } .control-collapsible-summary > small { align-self: center; color: var(--muted); font-size: 12px; font-weight: 400; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .control-collapsible-summary > .collapse-icon { align-self: start; justify-self: end; margin-top: 2px; } .control-collapsible-section[open] > .control-collapsible-summary .collapse-icon::before { margin-top: 2px; transform: rotate(-135deg); } .control-collapsible-body { display: grid; gap: 12px; min-width: 0; } .control-collapsible-section:not([open]) > .control-collapsible-body { display: none; } .control-collapsible-section:not([open]) > .control-collapsible-summary { margin-bottom: 0; } .control-collapsible-summary:hover .control-framed-label, .control-collapsible-summary:focus .control-framed-label { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); outline: 0; } .rate-watch-head { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; } .rate-watch-head h3 { font-size: 18px; margin-bottom: 4px; } .lead-import-control-panel { display: grid; gap: 10px; margin-bottom: 14px; } .lead-import-control-head { align-items: center; } .lead-import-control-head .section-intro { font-size: 12px; font-weight: 400; line-height: 1.3; margin: 0; max-width: 760px; } .lead-import-header-action { align-self: start; font-size: 12px; font-weight: 850; min-height: 30px; padding: 0 13px; white-space: nowrap; } .lead-import-control-panel .lead-import-automation-strip { margin-top: 0; } .lead-import-control-manual { border-top: 1px solid var(--line); margin-top: 6px; padding-top: 12px; } .lead-import-control-manual .manual-lead-form { margin: 0; } .rate-watch-actions,.rate-alert-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; } .rate-intake-layout { align-items: start; display: grid; gap: 14px; grid-template-columns: minmax(0,1fr) minmax(260px,320px); } .rate-sheet-imports-body { align-items: start; display: grid; gap: 14px; grid-template-columns: minmax(0,1fr) minmax(260px,320px); } .rate-sheet-imports-body .rate-notification-pane { margin-top: 0; } .rate-sheet-panel .internal-rate-vault { margin-top: 0; min-width: 0; padding-top: 0; } .rate-sheet-outlook-row { align-items: end; display: grid; gap: 8px; grid-template-columns: minmax(150px,.36fr) minmax(220px,1fr) max-content; } .rate-vault-heading { align-items: center; display: flex; gap: 10px; justify-content: flex-start; margin: -2px 0 8px; min-height: 28px; } .rate-vault-heading h3 { color: var(--ink); font-size: 15px; font-weight: 400; line-height: 1.1; margin: 0; } .rate-vault-heading span { color: var(--ink); font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; } .rate-vault-heading small { color: var(--muted); font-size: 11px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rate-sheet-action-row { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; } .rate-notification-pane { background: color-mix(in srgb, var(--paper) 82%, var(--soft)); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 9px; margin-top: 29px; min-width: 0; padding: 11px; } .rate-notification-head { align-items: flex-start; display: flex; gap: 8px; justify-content: space-between; } .rate-notification-head h3 { font-size: 15px; margin: 0; } .rate-notification-head .eyebrow { margin: 0 0 4px; } .rate-notification-head > span { background: color-mix(in srgb, var(--muted) 11%, var(--paper)); border: 1px solid color-mix(in srgb, var(--muted) 22%, var(--line)); border-radius: 999px; color: var(--muted); font-size: 10px; font-weight: 500; padding: 4px 7px; white-space: nowrap; } .rate-notification-head > span.is-live { background: color-mix(in srgb, var(--green) 14%, var(--paper)); border-color: color-mix(in srgb, var(--green) 38%, var(--line)); color: color-mix(in srgb, var(--green) 76%, var(--ink)); } .rate-notification-actions { display: grid; gap: 6px; grid-template-columns: repeat(3,minmax(0,1fr)); } .rate-notification-actions .btn { justify-content: center; min-width: 0; padding-left: 8px; padding-right: 8px; } .rate-notification-actions .btn.primary { grid-column: 1 / -1; } .rate-notification-list { display: grid; gap: 8px; max-height: 285px; overflow-y: auto; padding-right: 2px; } .rate-notification-card { gap: 7px; padding: 9px; } .rate-notification-card .lender-brand.compact { min-height: 30px; } .rate-notification-card .lender-brand.compact .lender-logo { height: 28px; max-width: 132px; } .rate-notification-card div:first-child { align-items: flex-start; flex-direction: column; gap: 5px; } .rate-notification-card div:first-child > span:not(.lender-brand) { font-size: 10px; padding: 4px 7px; width: fit-content; } .rate-notification-card p { font-size: 12px; line-height: 1.25; } .rate-notification-card small { font-size: 11px; line-height: 1.25; } .pricing-lab-rail .rate-watch-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; } .pricing-lab-rail .rate-watch-actions .btn { justify-content: center; min-width: 0; width: 100%; } .pricing-lab-rail .rate-watch-actions .btn.primary { grid-column: 1 / -1; } .pricing-lab-rail .rate-watch-actions .rate-grab-toggle.is-running { background: #0f8f54; border-color: #0f8f54; color: #fff; box-shadow: 0 0 0 3px rgba(15,143,84,.18); } .rate-alert-list { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 10px; } .rate-alert-card { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 8px; padding: 12px; } .rate-alert-card div:first-child { align-items: center; display: flex; gap: 8px; justify-content: space-between; } .rate-alert-card .lender-brand { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; } .rate-alert-card .lender-brand.compact { min-height: 42px; padding: 0; } .rate-alert-card .lender-brand.compact .lender-logo { height: 38px; max-width: 190px; } .rate-alert-card .lender-logo-stack, .rate-alert-card .lender-logo { background: transparent; border: 0; box-shadow: none; padding: 0; } .rate-alert-card div:first-child > span:not(.lender-brand) { background: #fff8df; border: 1px solid #f0d785; border-radius: 999px; color: #6a4a00; font-size: 11px; font-weight: 500; padding: 5px 8px; } .rate-alert-card p { color: var(--ink); font-weight: 400; margin: 0; } .rate-alert-card small { color: var(--muted); font-size: 12px; font-weight: 400; } .rate-sheet-upload-log { display: grid; gap: 7px; margin: 8px 0 10px; max-height: 180px; overflow-y: auto; padding-right: 2px; } .rate-upload-entry { background: color-mix(in srgb, var(--soft) 58%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 86%, var(--accent)); border-radius: 7px; display: grid; gap: 4px; padding: 8px 9px; } .rate-upload-entry > div,.rate-change-summary { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; justify-content: space-between; min-width: 0; } .rate-upload-entry > div span,.rate-change-summary > span { color: var(--ink); font-size: 12px; font-weight: 400; line-height: 1.15; min-width: 0; } .rate-upload-entry p { color: var(--muted); font-size: 11px; font-weight: 400; line-height: 1.25; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rate-change-summary { background: color-mix(in srgb, var(--soft) 54%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 86%, transparent); border-radius: 7px; padding: 6px 7px; } .rate-change-badge { border-radius: 999px; display: inline-flex; font-size: 12px; font-weight: 500; justify-content: center; line-height: 1; padding: 5px 7px; white-space: nowrap; } .rate-change-badge.better { background: color-mix(in srgb, var(--green) 14%, var(--paper)); border: 1px solid color-mix(in srgb, var(--green) 38%, var(--line)); color: color-mix(in srgb, var(--green) 78%, var(--ink)); } .rate-change-badge.worse { background: color-mix(in srgb, var(--red) 12%, var(--paper)); border: 1px solid color-mix(in srgb, var(--red) 34%, var(--line)); color: color-mix(in srgb, var(--red) 74%, var(--ink)); } .rate-change-badge.neutral { background: color-mix(in srgb, var(--accent) 9%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line)); color: color-mix(in srgb, var(--accent) 70%, var(--ink)); } .rate-change-detail { display: flex; flex-wrap: wrap; gap: 5px; width: 100%; } .rate-change-detail span { color: var(--muted); font-size: 11px; font-weight: 400; line-height: 1.2; } .rate-change-detail b { font-weight: 400; } .rate-change-detail b.better { color: color-mix(in srgb, var(--green) 78%, var(--ink)); } .rate-change-detail b.worse { color: color-mix(in srgb, var(--red) 74%, var(--ink)); } .rate-change-detail b.neutral { color: color-mix(in srgb, var(--accent) 70%, var(--ink)); } .rate-alert-context { align-items: start; display: grid; gap: 4px; } .rate-alert-trend { border-radius: 999px; font-size: 11px; font-weight: 500; padding: 4px 7px; width: fit-content; } .rate-alert-trend.better { background: color-mix(in srgb, var(--green) 14%, var(--paper)); border: 1px solid color-mix(in srgb, var(--green) 36%, var(--line)); color: color-mix(in srgb, var(--green) 76%, var(--ink)); } .rate-alert-trend.worse { background: color-mix(in srgb, var(--red) 12%, var(--paper)); border: 1px solid color-mix(in srgb, var(--red) 30%, var(--line)); color: color-mix(in srgb, var(--red) 72%, var(--ink)); } .rate-sheet-panel .rate-alert-list.internal-rate-list { gap: 7px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 8px; } .rate-sheet-panel .rate-alert-list.internal-rate-list .rate-alert-card { align-content: center; gap: 4px; min-height: 92px; padding: 9px 10px; } .rate-sheet-panel .rate-alert-list.internal-rate-list .rate-alert-card .lender-brand.compact { min-height: 28px; } .rate-sheet-panel .rate-alert-list.internal-rate-list .rate-alert-card .lender-brand.compact .lender-logo { height: 28px; max-width: 156px; } .rate-sheet-panel .rate-alert-list.internal-rate-list .rate-alert-card p { font-size: 13px; line-height: 1.18; } .rate-sheet-panel .rate-alert-list.internal-rate-list .rate-alert-actions .btn { min-height: 28px; padding: 5px 8px; } .rate-sheet-archive-section { border-top: 1px solid color-mix(in srgb, var(--line) 74%, transparent); margin-top: 12px; padding-top: 10px; } .rate-sheet-archive-summary { align-items: center; cursor: pointer; display: flex; gap: 10px; justify-content: space-between; list-style: none; min-height: 34px; padding: 0; } .rate-sheet-archive-summary::-webkit-details-marker { display: none; } .rate-sheet-archive-summary span { align-items: center; background: var(--label-tab-bg); border: 1px solid var(--label-tab-border); border-radius: 7px; color: var(--ink); display: inline-flex; font-size: 14px; font-weight: 400; justify-content: center; min-height: 32px; padding: 7px 12px; } .rate-sheet-archive-summary small { color: var(--muted); font-size: 11px; font-weight: 400; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .rate-sheet-archive-groups { display: grid; gap: 10px; margin-top: 8px; } .rate-sheet-archive-group { display: grid; gap: 6px; } .rate-sheet-archive-date { align-items: center; display: flex; gap: 8px; justify-content: space-between; min-height: 22px; } .rate-sheet-archive-date span { color: var(--ink); font-size: 12px; font-weight: 650; } .rate-sheet-archive-date small { color: var(--muted); font-size: 11px; font-weight: 400; } .rate-sheet-archive-list { display: grid; gap: 6px; } .rate-sheet-archive-row { align-items: center; background: color-mix(in srgb, var(--paper) 88%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 7px; display: grid; gap: 8px; grid-template-columns: minmax(72px,118px) minmax(0,1fr) max-content; min-height: 46px; padding: 7px 8px; } .rate-sheet-archive-lender { min-width: 0; } .rate-sheet-archive-lender .lender-brand.chip { justify-content: flex-start; max-width: 100%; } .rate-sheet-archive-main { display: grid; gap: 2px; min-width: 0; } .rate-sheet-archive-main strong { color: var(--ink); font-size: 12px; font-weight: 500; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rate-sheet-archive-main small { color: var(--muted); font-size: 10px; font-weight: 400; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rate-sheet-archive-actions { align-items: center; display: flex; gap: 6px; justify-content: flex-end; } .rate-sheet-archive-actions span { background: #fff8df; border: 1px solid #f0d785; border-radius: 999px; color: #6a4a00; font-size: 10px; font-weight: 500; padding: 4px 7px; white-space: nowrap; } .rate-sheet-archive-actions .btn { min-height: 26px; padding: 4px 8px; } @media (max-width: 760px) { .rate-sheet-archive-summary { align-items: flex-start; flex-direction: column; gap: 5px; } .rate-sheet-archive-summary small { text-align: left; white-space: normal; } .rate-sheet-archive-row { grid-template-columns: minmax(0,1fr) max-content; } .rate-sheet-archive-lender { grid-column: 1 / -1; } } .rate-alert-trend.neutral { background: color-mix(in srgb, var(--accent) 9%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line)); color: color-mix(in srgb, var(--accent) 70%, var(--ink)); } .market-data-panel { display: grid; gap: 12px; margin-bottom: 14px; } .market-data-head { align-items: center; display: flex; gap: 8px; } .market-data-head .eyebrow { margin: 0; } .market-reference-links { align-items: center; display: flex; flex: 1 1 auto; flex-wrap: wrap; gap: 6px; justify-content: flex-end; min-width: 0; } .market-reference-links a { background: color-mix(in srgb, var(--soft) 62%, var(--paper)); border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 12px; font-weight: 400; padding: 6px 9px; text-decoration: none; white-space: nowrap; } .market-reference-links a:hover { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 34%, var(--line)); color: var(--accent); } .market-last-checked { color: var(--muted); font-size: 12px; font-weight: 500; line-height: 1; padding: 0 2px; white-space: nowrap; } .market-refresh-btn { align-items: center; background: transparent; border: 0; border-radius: 999px; color: var(--muted); cursor: pointer; display: inline-flex; height: 26px; justify-content: center; padding: 0; width: 26px; } .market-refresh-btn svg { display: block; fill: none; height: 17px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; width: 17px; } .market-refresh-btn:hover,.market-refresh-btn:focus { background: color-mix(in srgb, var(--accent) 10%, transparent); color: var(--accent); outline: 0; } .market-refresh-btn:disabled { cursor: wait; opacity: .62; } .market-refresh-btn.is-refreshing svg { animation: market-refresh-spin .9s linear infinite; } @keyframes market-refresh-spin { to { transform: rotate(360deg); } } .market-data-logo { display: block; height: 34px; max-width: 190px; object-fit: contain; } .market-block,.market-apor-panel { background: var(--control-section-surface); border: 1px solid var(--control-section-border); border-radius: 8px; display: grid; gap: 8px; padding: 10px 12px 12px; } .market-block-head,.market-apor-head { align-items: end; display: flex; gap: 12px; justify-content: space-between; } .market-benchmark-toggle,.market-section-toggle { appearance: none; cursor: pointer; font-family: inherit; text-align: left; } .market-benchmark-toggle:hover,.market-benchmark-toggle:focus,.market-section-toggle:hover,.market-section-toggle:focus { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); outline: 0; } .market-block-head span,.market-apor-head span { color: var(--section-label); display: block; font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; } .market-block-head strong,.market-apor-head strong { color: var(--ink); display: block; font-size: 18px; font-weight: 400; line-height: 1.1; margin-top: 3px; } .market-rates-panel .market-block-head strong,.market-mbs-panel .market-block-head strong,.market-apor-panel .market-apor-head strong { margin-top: 0; } .market-block-head small,.market-apor-head small { color: var(--muted); font-size: 12px; font-weight: 400; text-align: right; } .market-block-body { display: grid; gap: 10px; } .market-trend-row { align-items: center; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 10px; grid-template-columns: minmax(210px,.5fr) minmax(0,1fr) auto; padding: 12px; } .market-trend-row span,.market-data-card span,.market-section-title span { color: var(--section-label); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; } .market-trend-row strong { color: var(--ink); display: block; font-size: 22px; font-weight: 400; line-height: 1.05; margin-top: 4px; } .market-trend-row p { color: var(--ink); font-weight: 400; margin: 0; } .market-trend-row small,.market-data-card small,.market-section-title small,.market-data-link { color: var(--muted); font-size: 13px; font-weight: 400; } .market-trend-row.better { border-color: color-mix(in srgb, var(--green) 34%, var(--line)); box-shadow: inset 5px 0 0 var(--green); } .market-trend-row.worse { border-color: color-mix(in srgb, var(--red) 30%, var(--line)); box-shadow: inset 5px 0 0 var(--red); } .market-trend-row.neutral { border-color: color-mix(in srgb, var(--accent) 26%, var(--line)); box-shadow: inset 5px 0 0 var(--accent); } .market-data-grid { display: grid; gap: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); } .market-top-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .market-rate-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .market-benchmark-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .market-benchmark-grid.is-compact { grid-template-columns: repeat(2,minmax(0,1fr)); } .market-rates-panel.is-compact { gap: 8px; padding-bottom: 10px; } .market-rates-panel.is-compact .market-data-card { min-height: 82px; } .market-summary-grid,.market-mbs-summary-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .market-mbs-summary-grid.is-compact { grid-template-columns: minmax(0,1fr) repeat(2,minmax(112px,.62fr)); } .market-mbs-panel.is-compact { gap: 8px; padding-bottom: 10px; } .market-mbs-panel.is-compact .market-block-body { gap: 8px; } .market-trend-row.is-compact { gap: 8px; grid-template-columns: minmax(0,1fr); min-height: 82px; padding: 10px 12px; } .market-trend-row.is-compact strong { font-size: 18px; } .market-trend-row.is-compact p { color: var(--muted); font-size: 12px; line-height: 1.25; } .market-mbs-summary-grid.is-compact .market-data-card { min-height: 82px; padding: 10px; } .market-data-card { align-content: start; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 6px; min-height: 92px; min-width: 0; padding: 12px; } .market-data-card.has-chart { align-items: stretch; grid-template-columns: minmax(0,1fr) minmax(210px,235px); } .market-card-main { align-content: start; display: grid; gap: 6px; min-width: 0; } .market-data-card strong { color: var(--ink); font-size: 23px; font-weight: 400; line-height: 1; } .market-data-card.better { border-color: color-mix(in srgb, var(--green) 32%, var(--line)); box-shadow: inset 4px 0 0 var(--green); } .market-data-card.worse { border-color: color-mix(in srgb, var(--red) 28%, var(--line)); box-shadow: inset 4px 0 0 var(--red); } .market-data-card.neutral { border-color: color-mix(in srgb, var(--accent) 24%, var(--line)); box-shadow: inset 4px 0 0 var(--accent); } .market-data-change { width: fit-content; } .market-data-card.better .market-data-change { color: color-mix(in srgb, var(--green) 76%, var(--ink)); } .market-data-card.worse .market-data-change { color: color-mix(in srgb, var(--red) 76%, var(--ink)); } .market-data-link { overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } .market-data-link:hover { color: var(--accent); text-decoration: underline; } .market-mini-chart { align-content: space-between; display: grid; gap: 5px; min-width: 0; } .market-mini-chart-tabs { display: grid; gap: 4px; grid-template-columns: repeat(4,minmax(0,1fr)); justify-self: end; width: 66%; } .market-mini-chart-tabs button { background: color-mix(in srgb, var(--soft) 70%, var(--paper)); border: 1px solid var(--line); border-radius: 999px; color: var(--muted); cursor: pointer; font-family: inherit; font-size: 10.5px; font-weight: 400; min-height: 24px; padding: 3px 5px; } .market-mini-chart-tabs button.active { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 44%, var(--line)); color: var(--ink); } .market-mini-chart svg { display: block; height: 62px; overflow: visible; width: 100%; } .market-mini-grid { fill: none; stroke: color-mix(in srgb, var(--line) 78%, transparent); stroke-width: 1; } .market-mini-line { fill: none; stroke: var(--green); stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; vector-effect: non-scaling-stroke; } .market-mini-chart.worse .market-mini-line { stroke: var(--red); } .market-mini-axis-label { dominant-baseline: middle; fill: var(--muted); font-size: 10px; font-weight: 400; } .market-apor-grid { display: grid; gap: 8px; grid-template-columns: repeat(5,minmax(0,1fr)); } .market-apor-grid.is-compact { grid-template-columns: minmax(0,220px); } .market-apor-panel.is-compact { gap: 8px; padding-bottom: 10px; } .market-apor-panel.is-compact .market-apor-grid article { min-height: 82px; } .market-apor-grid article { align-content: start; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 5px; min-height: 92px; min-width: 0; padding: 12px; } .market-apor-grid span { color: var(--section-label); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; } .market-apor-grid strong { color: var(--ink); font-size: 23px; font-weight: 400; line-height: 1; } .market-apor-grid small { color: var(--muted); font-size: 12px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .market-section-title { align-items: baseline; border-top: 1px solid var(--line); display: flex; gap: 10px; justify-content: space-between; padding-top: 4px; } .market-section-control { align-items: center; display: grid; grid-template-columns: auto minmax(0,1fr) auto; } .market-section-control small { overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .control-framed-label, .market-data-head .control-framed-label, .market-block-head .control-framed-label, .market-apor-head .control-framed-label, .rate-watch-head .control-framed-label, .rate-notification-head .control-framed-label, .rate-vault-heading .control-framed-label, .pricing-engine-head .control-framed-label, .investor-comp-head .control-framed-label, .auto-quote-head .control-framed-label { align-items: center; background: var(--label-tab-bg); border: 1px solid var(--label-tab-border); border-radius: 7px; box-shadow: 0 1px 0 color-mix(in srgb, #fff 74%, transparent); color: color-mix(in srgb, var(--ink) 82%, var(--muted)); display: inline-flex; flex: 0 1 auto; font-size: 14px; font-weight: 600; gap: 8px; letter-spacing: 0; line-height: 1; max-width: 100%; min-height: 28px; min-width: 0; overflow: hidden; padding: 6px 10px 6px 8px; text-overflow: ellipsis; text-transform: none; white-space: nowrap; width: fit-content; } .control-framed-label::before { background: var(--label-tab-accent); border-radius: 999px; content: ""; display: inline-block; flex: 0 0 auto; height: 18px; width: 2px; } .pricing-engine-copy, .investor-config-copy, .auto-quote-copy, .rate-watch-head .control-framed-label + h3, .rate-notification-head .control-framed-label + h3 { margin-top: 6px; } .market-coupon-summary strong { font-size: 18px; font-weight: 400; } .market-coupon-summary small { color: var(--ink); font-weight: 400; } .market-coupon-table { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; } .market-coupon-head,.market-coupon-row { align-items: center; display: grid; gap: 8px; grid-template-columns: .9fr .7fr .9fr .9fr; padding: 8px 10px; } .market-coupon-head { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-bottom: 1px solid var(--line); } .market-coupon-head span { color: var(--section-label); font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; } .market-coupon-row + .market-coupon-row { border-top: 1px solid var(--line); } .market-coupon-row { box-shadow: inset 4px 0 0 var(--accent); color: var(--ink); font-size: 13px; font-weight: 400; } .market-coupon-row strong { font-size: 14px; font-weight: 400; } .market-coupon-row.better { box-shadow: inset 4px 0 0 var(--green); } .market-coupon-row.worse { box-shadow: inset 4px 0 0 var(--red); } .market-coupon-row.better .market-data-change { color: color-mix(in srgb, var(--green) 76%, var(--ink)); } .market-coupon-row.worse .market-data-change { color: color-mix(in srgb, var(--red) 76%, var(--ink)); } .pricing-lab-form { display: grid; gap: 10px; grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 14px; } .pricing-lab-form label { color: var(--muted); display: grid; font-size: 12px; font-weight: 750; gap: 5px; text-transform: uppercase; } .pricing-lab-form input,.pricing-lab-form select { background: var(--paper); border: 1px solid var(--line); border-radius: 6px; color: var(--ink); min-height: 38px; padding: 8px 10px; width: 100%; } .pricing-controls-pane { padding: 0; } .pricing-controls-pane[open] { padding-bottom: 14px; } .pricing-controls-summary { align-items: center; cursor: pointer; display: flex; gap: 12px; justify-content: space-between; list-style: none; padding: 14px 16px; } .pricing-controls-summary::-webkit-details-marker { display: none; } .pricing-controls-summary span { display: grid; gap: 3px; min-width: 0; } .pricing-controls-summary b { color: var(--primary); font-size: 15px; letter-spacing: .06em; text-transform: uppercase; } .pricing-controls-summary small { color: var(--muted); font-size: 12px; font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pricing-controls-summary em { align-items: center; background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); border-radius: 999px; color: var(--primary); display: inline-flex; flex: 0 0 auto; font-size: 11px; font-style: normal; font-weight: 900; gap: 7px; padding: 6px 10px; text-transform: uppercase; } [data-theme="dark"] .pricing-controls-summary b, [data-theme="dark"] .pricing-option-controls-head span { color: #eaf7ff; text-shadow: 0 1px 5px rgba(191,224,247,.28); } [data-theme="dark"] .pricing-controls-summary em { background: color-mix(in srgb, var(--accent) 18%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); color: #d9f2ff; } [data-theme="dark"] .pricing-controls-summary small, [data-theme="dark"] .pricing-option-controls-head small { color: #b9d3e6; } .pricing-controls-summary em::after { border: solid currentColor; border-width: 0 2px 2px 0; content: ""; display: inline-block; height: 6px; transform: rotate(45deg); transition: transform .16s ease; width: 6px; } .pricing-controls-pane[open] > .pricing-controls-summary em::after { transform: rotate(-135deg); } .pricing-controls-pane > .section-intro,.pricing-controls-pane > .pricing-lab-form { margin-left: 16px; margin-right: 16px; } .pricing-option-controls { border-top: 1px solid var(--line); display: grid; gap: 10px; grid-column: 1 / -1; margin-top: 4px; padding-top: 12px; } .pricing-option-controls-head { align-items: baseline; display: flex; gap: 10px; justify-content: space-between; } .pricing-option-controls-head span { color: var(--primary); font-size: 13px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; } .pricing-option-controls-head small { color: var(--muted); font-size: 12px; font-weight: 750; text-transform: none; } .pricing-option-lien-block { background: color-mix(in srgb, var(--soft) 36%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 84%, transparent); border-radius: 8px; display: grid; gap: 9px; padding: 10px; } .pricing-option-lien-head { align-items: baseline; display: flex; gap: 10px; justify-content: space-between; min-width: 0; } .pricing-option-lien-head strong { color: var(--ink); font-size: 13px; font-weight: 950; letter-spacing: .05em; text-transform: uppercase; } .pricing-option-lien-head span { color: var(--muted); font-size: 11px; font-weight: 850; text-align: right; } .pricing-option-matrix-wide { display: grid; gap: 6px; min-width: 0; } .pricing-option-matrix-head,.pricing-option-matrix-row { align-items: center; display: grid; gap: 7px; grid-template-columns: 58px repeat(3,minmax(0,1fr)); min-width: 0; } .pricing-option-matrix-head > span,.pricing-option-matrix-row > span { color: var(--muted); font-size: 10px; font-weight: 950; letter-spacing: .05em; text-transform: uppercase; } .pricing-option-matrix-row > span { background: color-mix(in srgb, var(--accent) 14%, var(--paper)); border-radius: 6px; color: var(--section-label); display: inline-flex; justify-content: center; padding: 7px 5px; } .pricing-option-matrix-toggle { align-items: center; background: var(--theme-control-active-bg); border: 1px solid color-mix(in srgb, var(--theme-control-active-bg) 72%, var(--line)); border-radius: 999px; color: var(--theme-control-active-text); cursor: pointer; display: inline-flex; flex-direction: row; font-size: 11px; font-weight: 950; gap: 6px; justify-content: center; min-height: 28px; padding: 5px 9px; text-transform: uppercase; } .pricing-option-matrix-toggle input { accent-color: var(--accent); height: 12px; margin: 0; min-height: 0; padding: 0; width: 12px; } .pricing-option-matrix-toggle.is-disabled { background: color-mix(in srgb, var(--soft) 74%, var(--paper)); border-color: var(--line); color: var(--muted); } .pricing-option-matrix-row select { min-height: 34px; } .pricing-option-control-grid { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); } .pricing-option-control { background: color-mix(in srgb, var(--soft) 58%, var(--paper)); border: 1px solid var(--line); border-left: 5px solid var(--line); border-radius: 8px; display: grid; gap: 8px; padding: 10px; } .pricing-option-control.option-1 { border-left-color: var(--option-1); } .pricing-option-control.option-2 { border-left-color: var(--option-2); } .pricing-option-control.option-3 { border-left-color: var(--option-3); } .pricing-option-control .option-enable { align-items: center; display: flex; flex-direction: row; gap: 7px; } .pricing-option-control .option-enable input { accent-color: var(--accent); min-height: auto; width: auto; } .pricing-option-control .option-enable span { color: var(--ink); font-size: 13px; font-weight: 950; } .pricing-lab-grid { display: grid; gap: 16px; grid-template-columns: repeat(3,minmax(0,1fr)); } .trace-card .rate { margin-bottom: 8px; } .pricing-result-card { display: grid; gap: 10px; } .pricing-result-card .rate { color: var(--ink); font-size: 40px; font-weight: 850; letter-spacing: 0; line-height: 1; margin: 6px 0 4px; } .pricing-result-card p { color: var(--ink); font-size: 15px; font-weight: 650; margin: 0; } .pricing-result-card p strong { font-weight: 950; } .pricing-result-card .lender-line { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; } .pricing-result-card .quote-breakdown-section { margin-top: 0; } .pricing-empty-cockpit { align-content: start; display: grid; gap: 8px; min-height: 260px; padding: 18px; } .pricing-empty-cockpit h2 { font-size: 22px; margin: 0; } .trace-section { border-top: 1px solid var(--line); margin-top: 14px; padding-top: 12px; } .trace-section h3 { font-size: 13px; letter-spacing: .04em; margin-bottom: 8px; text-transform: uppercase; } .trace-list { display: grid; gap: 6px; } .trace-row { align-items: center; background: color-mix(in srgb, var(--soft) 70%, var(--paper)); border: 1px solid var(--line); border-radius: 7px; display: flex; gap: 10px; justify-content: space-between; padding: 8px 10px; } .trace-row span { color: var(--muted); font-size: 12px; } .trace-row strong { font-size: 13px; } .empty-lab { min-height: 160px; } .pricing-sheet-live h3 { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; } .pricing-rate-drawer,.internal-rate-vault { border-top: 1px solid color-mix(in srgb, var(--line) 70%, transparent); margin-top: 10px; padding-top: 10px; } .pricing-rate-drawer:not([open]) .editor-section-summary,.internal-rate-vault:not([open]) .editor-section-summary { margin-bottom: 0; } .pricing-rate-drawer .editor-section-summary,.internal-rate-vault .editor-section-summary { margin-bottom: 8px; } .rate-sheet-panel .rate-intake-layout > .internal-rate-vault { border-top: 0; margin-top: 0; padding-top: 0; } .pricing-rate-drawer .section-intro { margin: 0; } .pricing-rate-tools { align-items: center; display: flex; flex-wrap: wrap; gap: 8px 12px; justify-content: flex-start; margin-bottom: 8px; } .pricing-rate-tools .meta { flex: 1 1 260px; font-size: 12px; margin: 0; max-width: 520px; } .rate-column-controls { align-items: center; display: inline-flex; flex-wrap: wrap; gap: 6px; } .rate-lock-label { color: var(--muted); font-size: 11px; font-weight: 950; letter-spacing: .04em; margin-right: 2px; text-transform: uppercase; } .rate-lock-choice { background: var(--paper); border: 1px solid var(--line); border-radius: 999px; color: var(--muted); cursor: pointer; font-family: inherit; font-size: 11px; font-weight: 900; min-height: 30px; padding: 5px 10px; text-transform: uppercase; } .rate-lock-choice.active { background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, var(--paper)), var(--paper)); border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); box-shadow: inset 0 -2px 0 var(--accent); color: var(--ink); } .pricing-pane-tabs { display: grid; gap: 7px; grid-template-columns: repeat(4,minmax(126px,168px)); justify-content: start; margin: 8px 0 10px; } .pricing-pane-tab { background: color-mix(in srgb, var(--paper) 82%, transparent); border: 1px solid var(--line); border-radius: 8px; color: var(--muted); cursor: pointer; display: grid; gap: 2px; min-height: 46px; padding: 7px 9px; text-align: left; } .pricing-pane-tab strong { align-items: center; color: var(--ink); display: flex; font-size: 12px; gap: 6px; justify-content: space-between; letter-spacing: .04em; text-transform: uppercase; } .pricing-pane-tab span { font-size: 11px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pricing-pane-tab.active { background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, var(--paper)), var(--paper)); border-color: color-mix(in srgb, var(--accent) 44%, var(--line)); box-shadow: inset 0 -3px 0 var(--accent); } .quote-stack-builder { --quote-stack-row-height: 82px; background: color-mix(in srgb, var(--paper) 72%, transparent); border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line)); border-radius: 8px; display: grid; gap: 7px; margin: 8px 0 10px; padding: 7px; } .quote-stack-head { align-items: center; display: flex; gap: 12px; justify-content: space-between; } .quote-stack-head > div { align-items: baseline; display: flex; gap: 8px; min-width: 0; } .quote-stack-head .eyebrow { font-size: 10px; margin: 0; } .quote-stack-head h3 { color: var(--ink); font-size: 14px; margin: 0; } .quote-option-count { align-items: center; display: inline-flex; gap: 5px; } .quote-option-count span { color: var(--muted); font-size: 10px; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; } .quote-option-count button { background: var(--paper); border: 1px solid var(--line); border-radius: 999px; color: var(--muted); cursor: pointer; font-family: inherit; font-size: 11px; font-weight: 950; height: 28px; min-width: 30px; padding: 4px 8px; } .quote-option-count button.active { background: color-mix(in srgb, var(--accent) 15%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); color: var(--ink); } .quote-stack-lanes { display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(420px,1fr)); min-width: 0; } .quote-stack-row { align-items: stretch; display: grid; gap: 6px; grid-template-columns: 126px minmax(0,1fr); } .quote-stack-lanes .quote-stack-row { align-content: start; grid-template-columns: minmax(0,1fr); min-width: 0; } .quote-stack-label { align-content: center; background: color-mix(in srgb, var(--soft) 62%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 1px; height: var(--quote-stack-row-height); min-height: var(--quote-stack-row-height); overflow: hidden; padding: 6px 7px; } .quote-stack-lanes .quote-stack-label { height: 42px; min-height: 42px; padding: 7px 9px; } .quote-stack-label strong { color: var(--ink); font-size: 11px; letter-spacing: .04em; line-height: 1.05; text-transform: uppercase; } .quote-stack-label span { color: var(--muted); font-size: 9px; font-weight: 800; line-height: 1.12; } .quote-stack-cards { display: grid; gap: 6px; grid-template-columns: repeat(3,minmax(0,1fr)); } .quote-stack-cards.active-option-1 { grid-template-columns: minmax(0,1fr) minmax(118px,.5fr) minmax(118px,.5fr); } .quote-stack-cards.active-option-2 { grid-template-columns: minmax(118px,.5fr) minmax(0,1fr) minmax(118px,.5fr); } .quote-stack-cards.active-option-3 { grid-template-columns: minmax(118px,.5fr) minmax(118px,.5fr) minmax(0,1fr); } .quote-stack-lanes .quote-stack-cards,.quote-stack-lanes .quote-stack-cards.active-option-1,.quote-stack-lanes .quote-stack-cards.active-option-2,.quote-stack-lanes .quote-stack-cards.active-option-3 { grid-template-columns: minmax(0,1fr); } .quote-stack-chip { align-content: center; background: var(--paper); border: 1px solid var(--line); border-left: 5px solid var(--line); border-radius: 8px; color: var(--ink); display: grid; font-family: inherit; gap: 5px; height: var(--quote-stack-row-height); min-height: var(--quote-stack-row-height); min-width: 0; overflow: hidden; padding: 5px 8px; position: relative; text-align: left; } .quote-stack-lanes .quote-stack-chip { height: 76px; min-height: 76px; } .quote-stack-chip.option-1 { border-left-color: var(--option-1); } .quote-stack-chip.option-2 { border-left-color: var(--option-2); } .quote-stack-chip.option-3 { border-left-color: var(--option-3); } .quote-stack-chip.second.option-1 { border-left-color: var(--option-1); } .quote-stack-chip.second.option-2 { border-left-color: var(--option-2); } .quote-stack-chip.second.option-3 { border-left-color: var(--option-3); } .quote-stack-toggle { cursor: pointer; font-family: inherit; text-align: left; } .quote-stack-toggle strong { align-items: center; display: flex; gap: 6px; justify-content: space-between; white-space: nowrap; } .stack-toggle-icon { align-items: center; background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line)); border-radius: 999px; display: inline-flex; flex: 0 0 22px; height: 22px; justify-content: center; margin-left: auto; width: 22px; } .stack-toggle-icon::before { border: solid var(--accent); border-width: 0 2px 2px 0; content: ""; display: inline-block; height: 6px; margin-left: 2px; transform: rotate(135deg); transition: transform .16s ease; width: 6px; } .quote-stack-row.is-collapsed .stack-toggle-icon::before { margin-left: -2px; transform: rotate(-45deg); } .quote-stack-builder.first-collapsed .quote-stack-row.first,.quote-stack-builder.second-collapsed .quote-stack-row.second,.quote-stack-row.is-collapsed { align-items: stretch; grid-template-columns: 126px max-content; justify-content: start; } .quote-stack-builder.first-collapsed .quote-stack-lanes .quote-stack-row.first,.quote-stack-builder.second-collapsed .quote-stack-lanes .quote-stack-row.second,.quote-stack-lanes .quote-stack-row.is-collapsed { grid-template-columns: minmax(146px,190px) 38px; justify-content: start; max-width: 236px; } .quote-stack-row.is-collapsed .quote-stack-label { height: var(--quote-stack-row-height); min-height: var(--quote-stack-row-height); } .quote-stack-lanes .quote-stack-row.is-collapsed .quote-stack-label { height: auto; min-height: var(--quote-stack-row-height); } .quote-stack-builder.first-collapsed .quote-stack-cards.quote-stack-collapsed-tabs,.quote-stack-builder.second-collapsed .quote-stack-cards.quote-stack-collapsed-tabs,.quote-stack-collapsed-tabs { align-items: stretch; display: inline-flex; flex: 0 0 auto; gap: 6px; grid-template-columns: none; justify-content: flex-start; justify-self: start; min-height: var(--quote-stack-row-height); width: auto; } .quote-stack-lanes .quote-stack-row.is-collapsed .quote-stack-collapsed-tabs { display: grid; gap: 5px; grid-template-columns: 1fr; min-height: var(--quote-stack-row-height); width: 38px; } .quote-stack-tab { align-items: center; background: var(--paper); border: 1px solid var(--line); border-left: 4px solid var(--line); border-radius: 8px; color: var(--ink); cursor: pointer; display: inline-flex; flex: 0 0 18px; font-family: inherit; font-size: 10px; font-weight: 950; height: var(--quote-stack-row-height); justify-content: center; min-height: var(--quote-stack-row-height); overflow: hidden; padding: 0; position: relative; width: 18px; } .quote-stack-lanes .quote-stack-tab { flex: 0 0 auto; height: 24px; min-height: 0; min-width: 0; width: 38px; } .quote-stack-tab.option-1 { background: color-mix(in srgb, var(--option-1) 12%, var(--paper)); border-left-color: var(--option-1); } .quote-stack-tab.option-2 { background: color-mix(in srgb, var(--option-2) 12%, var(--paper)); border-left-color: var(--option-2); } .quote-stack-tab.option-3 { background: color-mix(in srgb, var(--option-3) 12%, var(--paper)); border-left-color: var(--option-3); } .quote-stack-tab:hover,.quote-stack-tab:focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 28%, transparent); outline: 0; } .quote-stack-tab span { display: block; line-height: 1; } .quote-stack-main { background: transparent; border: 0; color: inherit; cursor: pointer; display: grid; font-family: inherit; gap: 1px; min-width: 0; padding: 0 0 26px; text-align: left; width: 100%; } .quote-stack-main:hover,.quote-stack-main:focus { outline: 0; } .quote-stack-chip span { align-items: center; color: var(--muted); display: flex; font-size: 9px; font-weight: 950; gap: 5px; justify-content: space-between; letter-spacing: .06em; text-transform: uppercase; } .quote-stack-main > span { min-height: 20px; padding-right: 42px; } .quote-stack-chip strong { align-items: baseline; color: var(--ink); display: flex; flex-wrap: wrap; font-size: 14px; gap: 6px; line-height: 1.02; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .quote-stack-chip strong em { color: var(--muted); font-size: 10px; font-style: normal; font-weight: 850; } .quote-stack-chip small { color: var(--muted); font-size: 9px; font-weight: 800; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .quote-stack-chip .lender-brand.chip { min-height: 25px; padding: 1px 4px; position: absolute; right: 6px; top: 4px; } .quote-stack-chip .lender-brand.chip .lender-logo { height: 20px; max-width: 84px; } .quote-stack-chip .lender-brand.chip .lender-logo-mark { height: 25px; max-width: 25px; width: 25px; } .quote-stack-chip.empty { background: color-mix(in srgb, var(--soft) 65%, var(--paper)); } .quote-stack-chip.active { border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent), inset 0 -3px 0 color-mix(in srgb, var(--accent) 70%, transparent); } .quote-stack-chip.is-tucked { background: color-mix(in srgb, var(--soft) 56%, var(--paper)); } .quote-stack-chip.is-tucked .quote-stack-main { padding-bottom: 28px; } .quote-stack-chip.is-tucked .quote-stack-main > span { min-height: 16px; padding-right: 28px; } .quote-stack-chip.is-tucked .quote-stack-main strong { font-size: 13px; } .quote-stack-chip.is-tucked .quote-stack-main strong em,.quote-stack-chip.is-tucked .quote-stack-main small { display: none; } .quote-stack-chip.is-tucked .lender-brand.chip { right: 5px; top: 5px; } .quote-stack-chip.is-tucked .lender-brand.chip .lender-logo { height: 18px; max-width: 46px; } .quote-stack-chip.is-tucked .lender-brand.chip .lender-logo-mark { height: 20px; max-width: 20px; width: 20px; } .quote-stack-chip.credit { background: color-mix(in srgb, var(--green) 7%, var(--paper)); } .quote-stack-chip.cost { background: color-mix(in srgb, var(--red) 5%, var(--paper)); } .quote-stack-chip.par { background: color-mix(in srgb, var(--ink) 3%, var(--paper)); } .lab-structure-pills { display: grid; gap: 7px; grid-template-columns: repeat(3,minmax(0,1fr)); min-width: 0; } .lab-structure-pills.rate-sheet { margin-bottom: 7px; } .lab-structure-pills.quote-stack { bottom: 6px; gap: 4px; grid-template-columns: minmax(78px,106px); justify-content: center; left: 50%; position: absolute; transform: translateX(-50%); width: min(106px,calc(100% - 24px)); z-index: 2; } .lab-structure-pill { align-items: center; background: var(--paper); border: 1px solid var(--line); border-radius: 999px; color: var(--ink); cursor: pointer; display: grid; font-family: inherit; gap: 1px; justify-items: center; min-height: 34px; min-width: 0; padding: 5px 7px; text-align: center; transition: background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease; width: calc(100% + 3px); } .lab-structure-pills.quote-stack .lab-structure-pill { min-height: 30px; padding: 4px 9px; } .lab-structure-pill span { color: var(--muted); font-size: 9px; font-weight: 950; letter-spacing: .05em; line-height: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .lab-structure-pill strong { color: var(--ink); font-size: 12px; font-weight: 950; line-height: 1; } .lab-structure-pills.quote-stack .lab-structure-pill span { display: block; font-size: 8px; } .lab-structure-pills.quote-stack .lab-structure-pill strong { font-size: 13px; } .lab-structure-pill.best span,.lab-structure-pill.best strong { color: color-mix(in srgb, var(--primary) 82%, var(--ink)); } .lab-structure-pill.no-cost span,.lab-structure-pill.no-cost strong { color: color-mix(in srgb, var(--green) 62%, var(--ink)); } .lab-structure-pill.lowest-cost span,.lab-structure-pill.lowest-cost strong { color: color-mix(in srgb, var(--accent) 70%, var(--ink)); } .lab-structure-pill.par span,.lab-structure-pill.par strong { color: color-mix(in srgb, var(--ink) 78%, var(--muted)); } .lab-structure-pill.one-pt span,.lab-structure-pill.one-pt strong, .lab-structure-pill.two-pts span,.lab-structure-pill.two-pts strong, .lab-structure-pill.max-pts span,.lab-structure-pill.max-pts strong { color: color-mix(in srgb, var(--brand-gold) 76%, var(--ink)); } .lab-structure-pill:hover,.lab-structure-pill:focus { background: color-mix(in srgb, var(--ink) 4%, var(--paper)); border-color: color-mix(in srgb, var(--ink) 30%, var(--line)); box-shadow: 0 5px 14px color-mix(in srgb, var(--ink) 8%, transparent); outline: 0; transform: translateY(-1px); } .quote-escrow-calculator { align-items: center; display: inline-flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; } .quote-escrow-calculator span { color: var(--muted); font-size: 10px; font-weight: 950; letter-spacing: .05em; text-transform: uppercase; } .quote-escrow-calculator label { align-items: center; background: var(--paper); border: 1px solid var(--line); border-radius: 999px; color: var(--ink); display: inline-flex; flex-direction: row; font-size: 11px; font-weight: 850; gap: 5px; min-height: 28px; padding: 5px 9px; } .quote-escrow-calculator input { accent-color: var(--accent); margin: 0; } .option-detail-itemization-stack { display: grid; gap: 7px; } .option-detail-include-row { align-items: center; display: grid; gap: 6px; grid-template-columns: repeat(3,minmax(0,1fr)); } .option-detail-include-row > span { display: none; } .escrow-toggle-pill { align-items: center; background: var(--paper); border: 1px solid var(--line); border-radius: 999px; box-sizing: border-box; color: var(--ink); cursor: pointer; display: flex; gap: 0; height: 36px; justify-content: center; min-height: 36px; min-width: 0; padding: 0 8px; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, opacity .16s ease; width: 100%; } button.escrow-toggle-pill { appearance: none; font-family: inherit; } .escrow-toggle-pill input { height: 1px; opacity: 0; pointer-events: none; position: absolute; width: 1px; } .escrow-toggle-pill i { background: color-mix(in srgb, var(--paper) 92%, #fff); border: 1px solid color-mix(in srgb, var(--line) 86%, var(--accent)); border-radius: 5px; display: inline-flex; height: 15px; position: relative; width: 15px; } .escrow-toggle-pill i::after { border: solid #fff; border-width: 0 2px 2px 0; content: ""; height: 7px; left: 4px; opacity: 0; position: absolute; top: 1px; transform: rotate(45deg); width: 4px; } .escrow-toggle-pill b { color: var(--ink); display: block; font-size: 11px; font-weight: 850; line-height: 1; min-width: 0; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .escrow-toggle-pill.is-on { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: var(--theme-control-selected-border); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent); } .escrow-toggle-pill.is-on i { background: var(--theme-control-active-bg); border-color: var(--theme-control-active-border); } .escrow-toggle-pill.is-on i::after { opacity: 1; } .escrow-toggle-pill.is-muted { opacity: .58; } .tax-fetch-panel { align-items: center; background: transparent; border: 0; border-radius: 0; display: grid; gap: 4px; grid-template-columns: minmax(0,1fr); min-height: 0; padding: 0; width: 100%; } .tax-fetch-button { align-items: center; background: #006aff; border: 1px solid #006aff; border-radius: 999px; color: #fff; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 10px; font-weight: 850; height: 36px; justify-content: center; min-height: 36px; min-width: 0; padding: 0 10px; text-transform: none; width: 100%; } .escrow-tax-fetch-button { height: 36px; min-height: 36px; } .tax-fetch-button:hover,.tax-fetch-button:focus { box-shadow: 0 0 0 2px color-mix(in srgb, #006aff 18%, transparent); outline: 0; } .tax-fetch-button:disabled { cursor: wait; opacity: .72; } .tax-fetch-meta { display: grid; gap: 2px; min-width: 0; } .tax-fetch-meta strong,.tax-fetch-meta a { color: var(--ink); font-size: 11px; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tax-fetch-meta a { text-decoration: none; } .tax-fetch-meta a:hover,.tax-fetch-meta a:focus { color: color-mix(in srgb, var(--accent) 72%, var(--ink)); outline: 0; text-decoration: underline; } .tax-fetch-meta span { color: var(--muted); font-size: 10px; font-weight: 750; line-height: 1.25; } .option-detail-escrow-grid { display: grid; gap: 6px 8px; grid-template-columns: repeat(2,minmax(0,1fr)); min-width: 0; overflow: hidden; } .option-detail-escrow-grid label { color: var(--section-label); display: grid; font-size: 12.5px; font-weight: 850; gap: 5px; letter-spacing: 0; line-height: 1.05; min-width: 0; overflow: hidden; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } .option-detail-escrow-grid input { background: var(--paper); border: 1px solid var(--line); border-radius: 7px; box-sizing: border-box; color: var(--ink); font: inherit; font-size: 12.5px; font-weight: 650; min-height: 32px; min-width: 0; padding: 6px 8px; width: 100%; } .option-detail-escrow-grid .zillow-field-wrap { min-width: 0; width: 100%; } .option-detail-escrow-grid input::placeholder { color: color-mix(in srgb, var(--muted) 76%, transparent); } .quote-escrow-rows { display: grid; gap: 4px; grid-template-columns: repeat(2,minmax(0,1fr)); } .quote-escrow-rows div { background: color-mix(in srgb, var(--paper) 78%, transparent); border: 1px solid color-mix(in srgb, var(--line) 72%, transparent); border-radius: 6px; display: grid; gap: 1px; min-width: 0; padding: 5px 6px; } .quote-escrow-rows span { color: var(--muted); font-size: 8px; font-weight: 950; letter-spacing: .04em; text-transform: uppercase; } .quote-escrow-rows strong { color: var(--ink); font-size: 11px; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .quote-escrow-detail { background: color-mix(in srgb, var(--soft) 30%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 78%, transparent); border-radius: 7px; overflow: hidden; } .quote-escrow-detail summary { align-items: center; cursor: pointer; display: flex; gap: 8px; justify-content: space-between; list-style: none; padding: 6px 7px; } .quote-escrow-detail summary::-webkit-details-marker { display: none; } .quote-escrow-detail summary span { color: var(--section-label); font-size: 10px; font-weight: 950; letter-spacing: .05em; text-transform: uppercase; } .quote-escrow-detail summary strong { color: var(--ink); font-size: 11px; font-weight: 950; } .quote-escrow-rows { border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent); padding: 6px; } .quote-escrow-rows div:last-child { grid-column: 1 / -1; } .pricing-cockpit-grid { align-items: stretch; display: grid; gap: 10px; grid-template-columns: minmax(560px,1.35fr) minmax(300px,.82fr) minmax(300px,.82fr); justify-content: stretch; max-width: 100%; overflow: hidden; width: 100%; } .pricing-cockpit-grid > * { min-width: 0; } .pricing-cockpit-grid.pricing-cockpit-vertical-stacks { align-items: start; grid-template-columns: repeat(2,minmax(420px,1fr)); } .pricing-workbench-stack { align-content: start; display: grid; gap: 10px; min-width: 0; } .pricing-workbench-stack .pricing-detail-stack { max-height: none; overflow: visible; position: relative; top: auto; } .pricing-workbench-stack .pricing-rate-breakdown { height: auto; max-height: none; min-height: 0; overflow: visible; position: relative; top: auto; } .pricing-workbench-stack .pricing-rate-stack-pane { align-content: start; } .pricing-detail-stack { align-content: start; align-self: start; display: grid; gap: 10px; max-height: calc(100vh - 154px); min-width: 0; overflow: auto; position: sticky; top: 16px; } .pricing-detail-stack .pricing-rate-breakdown { height: auto; max-height: none; min-height: 0; overflow: visible; position: relative; top: auto; } .pricing-detail-stack .eligibility-snapshot-card { align-self: start; } .second-detail-stack .eligibility-detail-row { grid-template-columns: 1fr; } .second-detail-stack .eligibility-summary-chips { grid-template-columns: repeat(2,minmax(0,1fr)); } .pricing-rate-table-wrap { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; margin-top: 0; max-height: 306px; max-width: 100%; min-width: 0; overflow: auto; width: 100%; } .pricing-stack-list { display: grid; gap: 10px; min-width: 0; width: 100%; } .pricing-stack-list .pricing-rate-drawer { background: color-mix(in srgb, var(--paper) 82%, transparent); border: 1px solid color-mix(in srgb, var(--line) 80%, transparent); border-radius: 8px; margin-top: 0; max-width: none; min-width: 0; overflow: hidden; padding: 9px; width: 100%; } .pricing-stack-list .option-stack-1 { border-left: 5px solid var(--option-1); } .pricing-stack-list .option-stack-2 { border-left: 5px solid var(--option-2); } .pricing-stack-list .option-stack-3 { border-left: 5px solid var(--option-3); } .pricing-rate-column { display: grid; gap: 8px; justify-items: stretch; min-width: 0; width: 100%; } .pricing-rate-table { border-collapse: collapse; table-layout: fixed; width: 100%; } .pricing-rate-table.locks-1 { min-width: 340px; } .pricing-rate-table.locks-2 { min-width: 500px; } .pricing-rate-table.locks-3 { min-width: 640px; } .pricing-rate-table col.rate-col { width: 74px; } .pricing-rate-table col.price-points-col { width: 88px; } .pricing-rate-table col.price-dollar-col { width: 88px; } .pricing-rate-table col.pi-col { width: 88px; } .pricing-rate-table thead { background: color-mix(in srgb, var(--soft) 76%, var(--paper)); position: relative; z-index: 3; } .pricing-rate-table th { background: color-mix(in srgb, var(--soft) 76%, var(--paper)); box-shadow: 0 1px 0 var(--line), 0 8px 10px color-mix(in srgb, var(--soft) 58%, transparent); color: color-mix(in srgb, var(--ink) 88%, var(--muted)); font-size: 10px; font-weight: 850; letter-spacing: .04em; padding: 6px 8px; position: sticky; text-align: left; text-transform: uppercase; top: 0; z-index: 4; } .pricing-rate-table .lock-heading,.pricing-rate-table .lock-dollar-heading { text-align: right; } .pricing-rate-table td { background: transparent; border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent); cursor: pointer; padding: 0; } .pricing-rate-table .rate-col { width: 74px; } .pricing-rate-table .pi-col { text-align: right; width: 88px; } .pricing-rate-table .par-row td { background: color-mix(in srgb, var(--brand-gold) 10%, transparent); } .pricing-rate-table .selected-rate-row td { box-shadow: inset 0 0 0 999px color-mix(in srgb, var(--accent) 8%, transparent); } .pricing-rate-table tr:hover td { box-shadow: inset 0 0 0 999px color-mix(in srgb, var(--accent) 7%, transparent); } .pricing-rate-table .option-row-1 td { box-shadow: inset 4px 0 0 var(--option-1); } .pricing-rate-table .option-row-2 td { box-shadow: inset 4px 0 0 var(--option-2); } .pricing-rate-table .option-row-3 td { box-shadow: inset 4px 0 0 var(--option-3); } .rate-row-value { display: block; font-weight: 850; padding: 8px 8px; } .price-points-cell,.price-dollar-cell { text-align: right; vertical-align: middle; } .price-points-cell span,.price-dollar-cell span { display: block; font-weight: 650; padding: 8px 8px; white-space: nowrap; } .price-points-cell span { font-size: 14px; } .price-dollar-cell span { color: var(--muted); font-size: 13px; } .price-points-cell.cost span { color: #b42318; } .price-points-cell.credit span { color: #0d7a3a; } .price-points-cell.par span { color: var(--ink); } .price-dollar-cell.cost span { color: #b42318; } .price-dollar-cell.credit span { color: #0d7a3a; } .price-dollar-cell.par span { color: var(--ink); } .price-cell { align-items: baseline; display: flex; gap: 7px; padding: 7px 10px; white-space: nowrap; } .price-cell strong { font-size: 14px; font-weight: 900; } .price-cell small { color: var(--muted); font-size: 11px; font-weight: 800; } .price-cell.cost strong { color: #b42318; } .price-cell.credit strong { color: #0d7a3a; } .price-cell.par strong { color: var(--ink); } .second-stack-shell { background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, var(--paper)), var(--paper)); border: 1px dashed color-mix(in srgb, var(--accent) 28%, var(--line)); border-radius: 8px; min-height: 300px; padding: 18px; } .second-stack-shell h3 { font-size: 24px; margin-bottom: 8px; } .second-stack-assumption-grid { display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 12px 0; } .second-stack-assumption-grid div { background: color-mix(in srgb, var(--paper) 80%, transparent); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 3px; padding: 9px; } .second-stack-assumption-grid span { color: var(--muted); font-size: 10px; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; } .second-stack-assumption-grid strong { color: var(--ink); font-size: 13px; } .product-guidelines { background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 4%, var(--paper)), var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line)); border-radius: 8px; margin-bottom: 8px; overflow: hidden; } .product-guidelines-summary { align-items: center; background: transparent; border: 0; cursor: pointer; display: flex; font-family: inherit; justify-content: space-between; padding: 9px 11px; text-align: left; width: 100%; } .product-guidelines-summary span { color: var(--primary); font-size: 12px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; } .product-guidelines-summary small { align-items: center; color: var(--muted); display: inline-flex; font-size: 11px; font-weight: 850; gap: 7px; } .product-guidelines-summary small::after { border: solid var(--accent); border-width: 0 2px 2px 0; content: ""; display: inline-block; height: 6px; transform: rotate(45deg); transition: transform .16s ease; width: 6px; } .product-guidelines.is-open .product-guidelines-summary small::after { transform: rotate(-135deg); } .product-guidelines:not(.is-open) .guideline-shell { display: none; } .guideline-shell { border-top: 1px solid var(--line); display: grid; gap: 10px; min-width: 0; overflow: hidden; padding: 10px; } .guideline-chips { display: grid; gap: 7px; grid-template-columns: repeat(4,minmax(0,1fr)); min-width: 0; } .guideline-chip { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 2px; min-width: 0; padding: 8px 9px; } .guideline-chip span { color: var(--muted); font-size: 10px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; } .guideline-chip strong { color: var(--ink); font-size: 13px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .guideline-body { align-items: start; display: grid; gap: 10px; grid-template-columns: minmax(180px,.65fr) minmax(300px,1fr); min-width: 0; } .pricing-stack-list .guideline-chips { grid-template-columns: repeat(2,minmax(0,1fr)); } .pricing-stack-list .guideline-body { grid-template-columns: 1fr; } .guideline-list { background: color-mix(in srgb, var(--soft) 60%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; color: var(--ink); display: grid; font-size: 12px; font-weight: 750; gap: 6px; line-height: 1.35; list-style: none; margin: 0; padding: 10px; } .guideline-list li::before { color: var(--accent); content: "- "; font-weight: 950; } .eligibility-card { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 8px; min-width: 0; overflow: hidden; padding: 10px; } .eligibility-card > div { align-items: baseline; display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; } .eligibility-card strong { color: var(--primary); font-size: 13px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; } .eligibility-card span { color: var(--muted); font-size: 11px; font-weight: 400; } .eligibility-matrix { display: grid; gap: 2px; grid-template-columns: minmax(58px,.9fr) repeat(var(--fico-count, 9),minmax(0,1fr)); min-width: 0; width: 100%; } .eligibility-matrix .matrix-head,.eligibility-matrix .matrix-axis { align-items: center; color: color-mix(in srgb, var(--ink) 70%, var(--muted)); display: flex; font-size: 9px; font-weight: 500; justify-content: center; min-height: 20px; min-width: 0; padding: 3px 1px; text-align: center; } .eligibility-matrix .matrix-corner { justify-content: flex-start; padding-left: 2px; text-align: left; } .eligibility-matrix .matrix-axis { background: color-mix(in srgb, var(--paper) 70%, transparent); border-radius: 4px; color: var(--ink); font-weight: 500; } .eligibility-matrix .matrix-cell { align-items: center; border-radius: 4px; display: flex; font-size: 9px; font-weight: 400; justify-content: center; min-height: 20px; min-width: 0; padding: 0 1px; text-align: center; } .eligibility-matrix .matrix-cell span { color: inherit; font-size: 9px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .eligibility-matrix .eligible { background: color-mix(in srgb, var(--accent) 18%, var(--paper)); color: color-mix(in srgb, var(--ink) 62%, #04702f); } .eligibility-matrix .limited { background: color-mix(in srgb, var(--brand-gold) 24%, var(--paper)); color: color-mix(in srgb, var(--ink) 58%, #805400); } .eligibility-matrix .review { background: color-mix(in srgb, var(--primary) 10%, var(--paper)); color: color-mix(in srgb, var(--ink) 72%, var(--muted)); } .eligibility-matrix .active-axis { color: var(--ink); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 2px; } .eligibility-matrix .current-cell { box-shadow: 0 0 0 2px var(--accent), inset 0 0 0 1px var(--paper); } .eligibility-snapshot-card { background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, var(--paper)), var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line)); border-radius: 8px; container-type: inline-size; display: grid; gap: 6px; justify-self: stretch; min-width: 0; overflow: hidden; padding: 7px; width: 100%; } .eligibility-snapshot-head { align-items: start; display: flex; gap: 10px; justify-content: space-between; } .eligibility-head-title { align-items: start; display: grid; gap: 5px; justify-items: start; min-width: 0; } .eligibility-title-row { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; } .eligibility-title-row .eyebrow { margin: 0; } .eligibility-snapshot-head h3 { color: var(--ink); font-size: 15px; font-weight: 500; margin: 0; } .eligibility-head-tools { align-items: end; display: grid; gap: 4px; justify-items: end; min-width: 0; } .eligibility-legend { display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; max-width: 230px; min-width: 0; } .eligibility-legend span { align-items: center; background: color-mix(in srgb, var(--paper) 78%, transparent); border: 1px solid var(--line); border-radius: 999px; display: inline-flex; gap: 4px; min-height: 20px; padding: 3px 6px; } .eligibility-legend b { align-items: center; border-radius: 4px; display: inline-flex; font-size: 9px; font-weight: 400; justify-content: center; min-width: 18px; padding: 2px 3px; } .eligibility-legend em { color: var(--muted); font-size: 10px; font-style: normal; font-weight: 400; line-height: 1.05; white-space: nowrap; } .eligibility-legend .eligible b { background: color-mix(in srgb, var(--accent) 18%, var(--paper)); color: color-mix(in srgb, var(--ink) 62%, #04702f); } .eligibility-legend .limited b { background: color-mix(in srgb, var(--brand-gold) 24%, var(--paper)); color: color-mix(in srgb, var(--ink) 58%, #805400); } .eligibility-legend .review b { background: color-mix(in srgb, var(--primary) 10%, var(--paper)); color: color-mix(in srgb, var(--ink) 72%, var(--muted)); } .eligibility-snapshot-body { align-items: stretch; display: grid; gap: 8px; grid-template-columns: 1fr; min-width: 0; } .eligibility-matrix-zone { display: grid; gap: 6px; min-width: 0; } .eligibility-summary-chips { display: grid; gap: 5px; grid-template-columns: repeat(4,minmax(0,1fr)); min-width: 0; } .guideline-chip.compact { border-radius: 6px; padding: 5px 7px; } .guideline-chip.compact span { font-size: 9px; } .guideline-chip.compact strong { font-size: 12px; } .eligibility-detail-row { align-items: stretch; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); min-width: 0; } .eligibility-notes,.eligibility-pricing-addons { align-self: stretch; background: color-mix(in srgb, var(--soft) 52%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; container-type: inline-size; min-width: 0; overflow: hidden; } .eligibility-subhead { align-items: center; border-bottom: 1px solid var(--line); display: flex; gap: 8px; justify-content: space-between; min-height: 31px; padding: 6px 8px; } .eligibility-subhead span { color: var(--primary); font-size: 11px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; } .eligibility-subhead strong { color: var(--primary); font-size: 11px; font-weight: 400; letter-spacing: .02em; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .eligibility-notes summary { align-items: center; color: var(--primary); cursor: pointer; display: flex; font-size: 11px; font-weight: 600; justify-content: space-between; letter-spacing: .02em; list-style: none; padding: 6px 8px; text-transform: uppercase; } .eligibility-notes summary::-webkit-details-marker { display: none; } .eligibility-notes summary::after { border: solid var(--accent); border-width: 0 2px 2px 0; content: ""; display: inline-block; height: 6px; transform: rotate(45deg); transition: transform .16s ease; width: 6px; } .eligibility-notes[open] summary::after { transform: rotate(-135deg); } .eligibility-notes ul { color: var(--ink); display: grid; font-size: 12px; font-weight: 400; gap: 6px; line-height: 1.35; list-style: none; margin: 0; padding: 9px 10px; } .eligibility-addon-list { display: grid; gap: 5px; grid-template-rows: auto minmax(0,auto) auto; padding: 8px; } .eligibility-addon-row { align-items: center; background: color-mix(in srgb, var(--soft) 34%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 78%, transparent); border-radius: 6px; display: grid; gap: 6px; grid-template-columns: minmax(0,1fr) minmax(62px,.55fr); min-width: 0; padding: 5px 6px; } .eligibility-addon-scroll { display: grid; gap: 5px; max-height: 156px; min-height: 0; overflow-y: auto; padding-right: 2px; } .eligibility-addon-list span { color: var(--ink); font-size: 10px; font-weight: 600; letter-spacing: .02em; min-width: 0; overflow-wrap: anywhere; text-transform: uppercase; } .eligibility-addon-list span em { color: color-mix(in srgb, var(--muted) 88%, var(--ink)); display: inline; font-size: 8px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 1.15; margin-left: 5px; overflow-wrap: normal; text-transform: none; white-space: normal; } .eligibility-addon-list span em.pricing-addon-inline-amount { color: inherit !important; display: inline !important; font-size: inherit !important; font-style: italic; font-weight: inherit !important; letter-spacing: inherit !important; line-height: inherit; margin-left: 4px; margin-top: 0 !important; overflow-wrap: normal; text-transform: none; white-space: nowrap; } .eligibility-addon-list strong { color: var(--ink); font-size: 12px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .eligibility-addon-list small { color: var(--muted); font-size: 10px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .eligibility-addon-row.is-credit strong { color: #0d7a3a; font-weight: 500; } .eligibility-addon-row.is-cost strong { color: #b42318; font-weight: 500; } .eligibility-addon-row.is-base-row span,.eligibility-addon-row.is-net-row span { color: color-mix(in srgb, var(--ink) 78%, var(--muted)); font-weight: 600; } .eligibility-addon-row.is-base-row strong,.eligibility-addon-row.is-net-row strong { color: var(--ink); font-weight: 600; } .eligibility-addon-row.is-base-row.is-credit strong,.eligibility-addon-row.is-net-row.is-credit strong { color: #0d7a3a; } .eligibility-addon-row.is-base-row.is-cost strong,.eligibility-addon-row.is-net-row.is-cost strong { color: #b42318; } .eligibility-addon-row.is-sum-row { border-top-color: color-mix(in srgb, var(--ink) 18%, var(--line)); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ink) 10%, transparent); } .eligibility-addon-row.is-sum-row span { color: color-mix(in srgb, var(--ink) 82%, var(--muted)); font-weight: 600; } .eligibility-addon-row.is-sum-row strong { color: var(--ink) !important; font-weight: 400; } .standard-pricing-addons .eligibility-addon-row.is-net-row strong { font-weight: 600; } .standard-pricing-addons .eligibility-addon-row { grid-template-columns: minmax(0,1fr) minmax(68px,.6fr); } .standard-pricing-addons .eligibility-addon-list strong { text-align: right; } .figure-pricing-addons .eligibility-addon-row { align-items: center; grid-template-columns: minmax(0,1fr) minmax(104px,.75fr); } .figure-pricing-addons .eligibility-addon-list span { line-height: 1.15; } .figure-pricing-addons .eligibility-addon-list strong { line-height: 1.18; overflow: visible; text-align: right; text-overflow: clip; white-space: normal; } .mini-pricing-addons-drawer > summary .mini-addons-summary-value { align-items: center; column-gap: 8px; display: inline-flex; gap: 8px; justify-content: flex-end; min-width: 58px; } .mini-pricing-addons-drawer > summary .mini-addons-summary-value em { color: var(--ink); display: inline; font-style: normal; font-weight: 400; } .mini-pricing-addons-drawer > summary .mini-addons-summary-value b { display: inline; font-weight: 400; margin-left: 4px; white-space: nowrap; } .mini-pricing-addons-drawer:not([open]) > summary .mini-addons-summary-value { justify-content: flex-end; } .mini-pricing-addons-drawer:not([open]) > summary .mini-addons-summary-value em, .mini-pricing-addons-drawer:not([open]) > summary .mini-addons-summary-value b { display: inline; } .mini-pricing-addons-drawer:not([open]) > summary .mini-addons-summary-value.is-credit b { color: #0d7a3a; } .mini-pricing-addons-drawer:not([open]) > summary .mini-addons-summary-value.is-cost b { color: var(--ink); } .mini-pricing-addons-drawer > .eligibility-pricing-addons { background: transparent; border: 0; border-radius: 0; } .mini-pricing-addons-drawer > .eligibility-pricing-addons .eligibility-addon-list { padding: 8px 9px 9px; } @container (max-width: 430px) { .eligibility-snapshot-body,.eligibility-detail-row { grid-template-columns: 1fr; } .eligibility-notes { width: 100%; } .eligibility-addon-row { grid-template-columns: minmax(0,1fr) auto; } .eligibility-addon-list span em { display: block; margin-left: 0; margin-top: 2px; } .eligibility-addon-list strong { justify-self: end; } } @container (max-width: 250px) { .eligibility-addon-row { grid-template-columns: 1fr; } .eligibility-addon-list strong { justify-self: start; text-align: left; } } .pricing-rate-breakdown { align-content: start; align-self: stretch; background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 7%, var(--paper)), var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line)); border-left: 5px solid var(--accent); border-radius: 8px; container-type: inline-size; display: grid; gap: 9px; height: 100%; max-height: calc(100vh - 154px); max-width: none; min-height: 100%; min-width: 0; overflow: auto; padding: 11px; position: sticky; top: 16px; width: 100%; } .pricing-rate-breakdown.option-1 { border-left-color: var(--option-1); } .pricing-rate-breakdown.option-2 { border-left-color: var(--option-2); } .pricing-rate-breakdown.option-3 { border-left-color: var(--option-3); } .pricing-rate-breakdown.second { border-left-color: color-mix(in srgb, var(--primary) 58%, var(--accent)); } .pricing-rate-breakdown.pending { background: color-mix(in srgb, var(--paper) 70%, transparent); border-color: color-mix(in srgb, var(--line) 80%, transparent); padding: 0; } .pricing-rate-breakdown.pending.option-1 { border-left-color: var(--option-1); } .pricing-rate-breakdown.pending.option-2 { border-left-color: var(--option-2); } .pricing-rate-breakdown.pending.option-3 { border-left-color: var(--option-3); } .pricing-itemization-preview { align-content: start; align-self: stretch; background: linear-gradient(135deg, color-mix(in srgb, var(--soft) 56%, var(--paper)), var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line)); border-left: 5px solid color-mix(in srgb, var(--primary) 72%, var(--accent)); border-radius: 8px; display: grid; gap: 10px; height: 100%; min-height: 100%; min-width: 0; padding: 11px; width: 100%; } .pricing-itemization-head { align-items: start; display: flex; gap: 10px; justify-content: space-between; } .pricing-itemization-head h3 { color: var(--ink); font-size: 18px; margin: 0; } .pricing-itemization-head span { background: color-mix(in srgb, var(--brand-gold) 16%, var(--paper)); border: 1px solid color-mix(in srgb, var(--brand-gold) 36%, var(--line)); border-radius: 999px; color: var(--ink); flex: 0 0 auto; font-size: 10px; font-weight: 950; letter-spacing: .05em; padding: 4px 8px; text-transform: uppercase; } .pricing-itemization-table { border-collapse: collapse; table-layout: fixed; width: 100%; } .pricing-itemization-table tr + tr { border-top: 1px solid color-mix(in srgb, var(--line) 70%, transparent); } .pricing-itemization-table th,.pricing-itemization-table td { padding: 8px 6px; vertical-align: top; } .pricing-itemization-table th { color: var(--muted); font-size: 10px; font-weight: 950; letter-spacing: .04em; text-align: left; text-transform: uppercase; width: 48%; } .pricing-itemization-table td { color: var(--ink); font-size: 13px; font-weight: 900; text-align: right; word-break: break-word; } .pricing-itemization-preview .meta { border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent); margin: 0; padding-top: 9px; } .pricing-breakdown-head { align-items: start; display: flex; gap: 8px; justify-content: space-between; } .pricing-breakdown-head > div { min-width: 0; } .pricing-breakdown-head .selected-option-lender { flex: 0 0 auto; margin-left: auto; } .pricing-breakdown-head .selected-option-lender .lender-logo { max-height: 30px; max-width: 132px; object-fit: contain; } .pricing-breakdown-head h3 { color: var(--ink); font-size: 22px; line-height: 1; margin: 0; } .pricing-breakdown-head small { color: var(--muted); display: block; font-size: 11px; font-weight: 850; line-height: 1.25; margin-top: 4px; } .pricing-breakdown-metrics { display: grid; gap: 5px; grid-template-columns: repeat(2,minmax(0,1fr)); } .pricing-breakdown-metrics div { background: color-mix(in srgb, var(--soft) 62%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 2px; min-width: 0; padding: 6px 7px; } .pricing-breakdown-metrics span { color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; } .pricing-breakdown-metrics strong { color: var(--ink); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pricing-breakdown-toggles { align-items: center; background: color-mix(in srgb, var(--soft) 56%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 82%, transparent); border-radius: 8px; display: flex; flex-wrap: wrap; gap: 6px; padding: 7px; } .pricing-breakdown-toggles label { align-items: center; background: var(--paper); border: 1px solid var(--line); border-radius: 999px; color: var(--ink); cursor: pointer; display: inline-flex; font-size: 11px; font-weight: 900; gap: 5px; min-height: 26px; padding: 4px 8px; } .pricing-breakdown-toggles input { accent-color: var(--accent); margin: 0; } .pricing-breakdown-toggles span { color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .04em; margin-left: auto; text-transform: uppercase; } .pricing-breakdown-copy { background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)); border: 1px solid color-mix(in srgb, var(--brand-gold) 24%, var(--line)); border-radius: 8px; display: grid; gap: 3px; padding: 8px; } .pricing-breakdown-copy.credit { background: color-mix(in srgb, var(--green) 12%, var(--paper)); border-color: color-mix(in srgb, var(--green) 30%, var(--line)); } .pricing-breakdown-copy.cost { background: color-mix(in srgb, var(--red) 9%, var(--paper)); border-color: color-mix(in srgb, var(--red) 24%, var(--line)); } .pricing-breakdown-copy.par { background: color-mix(in srgb, var(--ink) 5%, var(--paper)); border-color: color-mix(in srgb, var(--ink) 16%, var(--line)); } .pricing-breakdown-copy strong { color: var(--ink); font-size: 13px; } .pricing-breakdown-copy p { color: var(--muted); font-size: 12px; font-weight: 750; margin: 0; } .quote-breakdown-section { background: color-mix(in srgb, var(--paper) 88%, transparent); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; } .quote-breakdown-section summary { align-items: center; cursor: pointer; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto; list-style: none; min-height: 36px; padding: 8px 10px; } .quote-breakdown-section summary::-webkit-details-marker { display: none; } .quote-breakdown-section summary::after { border: solid var(--accent); border-width: 0 2px 2px 0; content: ""; display: inline-block; height: 7px; justify-self: end; transform: rotate(-135deg); transition: transform .16s ease; width: 7px; } .quote-breakdown-section:not([open]) summary::after { transform: rotate(45deg); } .quote-breakdown-section summary span { color: var(--ink); font-size: 12px; font-weight: 950; letter-spacing: .04em; min-width: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .quote-breakdown-section summary strong { color: var(--ink); font-size: 13px; white-space: nowrap; } .quote-breakdown-controls { border-top: 1px solid var(--line); display: grid; gap: 8px; padding: 9px 10px 8px; } .quote-breakdown-controls + .quote-breakdown-rows { border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent); } .quote-breakdown-rows { border-top: 1px solid var(--line); display: grid; gap: 0; padding: 2px 10px 8px; } .quote-breakdown-rows div { align-items: baseline; border-bottom: 1px solid color-mix(in srgb, var(--line) 58%, transparent); display: grid; gap: 5px 8px; grid-template-columns: minmax(0,1fr) auto; padding: 6px 0; } .quote-breakdown-rows div:last-child { border-bottom: 0; } .quote-breakdown-rows span { align-items: center; color: var(--muted); display: inline-flex; flex-wrap: wrap; font-size: 11px; font-weight: 850; gap: 6px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .quote-breakdown-rows strong { color: var(--ink); font-size: 12px; white-space: nowrap; } .quote-breakdown-row input { background: transparent; border: 0; color: var(--ink); font-family: inherit; font-size: 12px; font-weight: 600; min-height: 0; min-width: 72px; padding: 0; text-align: right; width: 82px; } .quote-breakdown-row input:focus { background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)); border-radius: 4px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 45%, var(--line)); outline: 0; padding: 2px 4px; } .quote-breakdown-rows small { color: var(--muted); font-size: 10px; font-weight: 750; grid-column: 1 / -1; line-height: 1.25; margin-top: -3px; } .fee-buyout-toggle { align-items: center; background: color-mix(in srgb, var(--paper) 88%, transparent); border: 1px solid color-mix(in srgb, var(--brand-gold) 54%, var(--line)); border-radius: 999px; color: #071523; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 9px; font-weight: 700; gap: 5px; letter-spacing: 0; line-height: 1; margin-left: 6px; min-height: 22px; padding: 4px 8px 4px 6px; text-transform: none; transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .fee-buyout-toggle span { background: var(--paper); border: 1px solid color-mix(in srgb, var(--brand-gold) 68%, var(--line)); border-radius: 4px; box-sizing: border-box; display: inline-block; flex: 0 0 auto; height: 11px; width: 11px; } .fee-buyout-toggle:hover { background: color-mix(in srgb, var(--brand-gold) 12%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 78%, var(--line)); } .fee-buyout-toggle.is-on { background: color-mix(in srgb, var(--brand-gold) 18%, var(--paper)); border-color: var(--brand-gold); box-shadow: 0 2px 6px color-mix(in srgb, var(--brand-gold) 18%, transparent); color: #071523; } .fee-buyout-toggle.is-on span { background: var(--brand-gold); box-shadow: inset 0 0 0 2px var(--paper); } .fee-buyout-toggle.is-fast-toggle { transform: translateY(-1px); } .fee-buyout-toggle[data-mini-origination-buyout] { background: color-mix(in srgb, #2d8ce6 8%, var(--paper)); border-color: color-mix(in srgb, #2d8ce6 58%, var(--line)); color: #0d4f8f; font-size: 10px; font-weight: 750; min-height: 24px; padding: 5px 9px 5px 7px; } .fee-buyout-toggle[data-mini-origination-buyout] span { border-color: color-mix(in srgb, #2d8ce6 70%, var(--line)); height: 12px; width: 12px; } .fee-buyout-toggle[data-mini-origination-buyout]:hover, .fee-buyout-toggle[data-mini-origination-buyout]:focus { background: color-mix(in srgb, #2d8ce6 13%, var(--paper)); border-color: color-mix(in srgb, #2d8ce6 80%, var(--line)); box-shadow: 0 2px 6px color-mix(in srgb, #2d8ce6 12%, transparent); outline: 0; } .fee-buyout-toggle[data-mini-origination-buyout].is-on { background: color-mix(in srgb, #2d8ce6 18%, var(--paper)); border-color: #2d8ce6; box-shadow: 0 2px 6px color-mix(in srgb, #2d8ce6 16%, transparent); color: #0d4f8f; } .fee-buyout-toggle[data-mini-origination-buyout].is-on span { background: #2d8ce6; border-color: color-mix(in srgb, #2d8ce6 82%, var(--line)); box-shadow: inset 0 0 0 2px var(--paper); } .fee-financed-pill { background: color-mix(in srgb, #2d8ce6 8%, var(--paper)); border-color: color-mix(in srgb, #2d8ce6 58%, var(--line)); color: #0d4f8f; } .fee-financed-pill span { background: var(--paper); border-color: color-mix(in srgb, #2d8ce6 78%, var(--line)); } .fee-financed-pill:hover { background: color-mix(in srgb, #2d8ce6 13%, var(--paper)); border-color: color-mix(in srgb, #2d8ce6 80%, var(--line)); } .fee-buyout-toggle.fee-financed-pill.is-on { background: color-mix(in srgb, #2d8ce6 18%, var(--paper)); border-color: #2d8ce6; box-shadow: 0 2px 6px color-mix(in srgb, #2d8ce6 16%, transparent); color: #0d4f8f; } .fee-buyout-toggle.fee-financed-pill.is-on span { background: #2d8ce6; border-color: color-mix(in srgb, #2d8ce6 82%, var(--line)); box-shadow: inset 0 0 0 2px var(--paper); } .mini-fee-itemization.has-open-ufmip-calendar, .mini-fee-itemization.has-open-title-reissue-calendar { overflow: visible; } .quote-breakdown-rows span.has-ufmip-calendar-action { align-items: center; display: flex; flex-wrap: wrap; gap: 5px 6px; justify-content: start; overflow: visible; white-space: normal; width: auto; } .quote-breakdown-row.is-ufmip-refund, .quote-breakdown-row.is-ufmip-refund-open { align-items: start; gap: 5px 8px; grid-template-columns: minmax(0,1fr) auto; } .quote-breakdown-row.is-ufmip-refund > strong, .quote-breakdown-row.is-ufmip-refund-open > strong { display: grid; gap: 3px; grid-column: 2; grid-row: 1; justify-items: end; line-height: 1.1; } .quote-breakdown-row.is-ufmip-refund > strong > .fee-ufmip-refund-inline { color: #0d7a3a; font-size: 10px; font-style: normal; font-weight: 600; line-height: 1; white-space: nowrap; } .quote-breakdown-rows span.has-ufmip-calendar-action > .fee-ufmip-main-label { flex: 0 0 auto; min-width: 0; } .quote-breakdown-rows span.has-ufmip-calendar-action .fee-ufmip-refund-action-controls { flex: 0 0 100%; } .quote-breakdown-rows span.has-ufmip-calendar-action:not(.is-open) .fee-ufmip-refund-action-controls { display: none; } .quote-breakdown-rows span.has-ufmip-calendar-action > .fee-ufmip-refund-controls { grid-column: 1 / -1; } .fee-ufmip-refund-controls { align-items: center; display: inline-grid; flex-wrap: nowrap; gap: 4px; grid-template-columns: auto 70px 28px minmax(0,1fr); margin-left: 0; min-width: 0; vertical-align: middle; width: 100%; } .fee-ufmip-refund-control-label { color: color-mix(in srgb, var(--ink) 78%, var(--muted)); font-size: 10px; font-weight: 500; line-height: 1; white-space: nowrap; } .fee-ufmip-refund-controls label { color: var(--ink); display: inline-flex; min-width: 0; } .fee-ufmip-refund-controls label span { display: none; } .fee-ufmip-refund-controls input { background: color-mix(in srgb, var(--soft) 66%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 6px; color: var(--ink); font-family: inherit; font-size: 10.5px; font-weight: 400; height: 23px; min-width: 0; padding: 2px 5px; width: 70px; } .fee-ufmip-refund-controls input:focus { background: var(--paper); border-color: color-mix(in srgb, #2d8ce6 72%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, #2d8ce6 16%, transparent); outline: 0; } .fee-ufmip-refund-controls input[type="month"] { color: transparent; cursor: pointer; padding: 0 2px; width: 28px; } .fee-ufmip-refund-controls input[type="month"]::-webkit-datetime-edit { display: none; } .fee-ufmip-refund-controls input[type="month"]::-webkit-calendar-picker-indicator { cursor: pointer; margin: 0; opacity: 1; padding: 2px; } .fee-ufmip-refund-controls em { color: #0d7a3a; font-size: 10px; font-style: normal; font-weight: 600; justify-self: end; line-height: 1; margin-left: 6px; white-space: nowrap; } .quote-breakdown-row.is-ufmip-refund > strong, .mini-fee-drilldown-rows.quote-breakdown-rows > div.is-ufmip-refund > strong { color: var(--ink); font-weight: 600; } .fee-ufmip-calendar-shell { display: inline-flex; margin-left: 4px; position: relative; } .fee-ufmip-calendar-toggle { align-items: center; background: color-mix(in srgb, #2d8ce6 8%, var(--paper)); border: 1px solid color-mix(in srgb, #2d8ce6 58%, var(--line)); border-radius: 7px; color: #0d4f8f; cursor: pointer; display: inline-flex; height: 22px; justify-content: center; padding: 0; width: 24px; } .fee-ufmip-calendar-toggle:hover,.fee-ufmip-calendar-toggle:focus { background: color-mix(in srgb, #2d8ce6 13%, var(--paper)); border-color: color-mix(in srgb, #2d8ce6 80%, var(--line)); outline: 0; } .fee-ufmip-calendar-toggle.is-selected { background: color-mix(in srgb, #2d8ce6 18%, var(--paper)); border-color: #2d8ce6; box-shadow: 0 2px 6px color-mix(in srgb, #2d8ce6 16%, transparent); } .fee-ufmip-calendar-toggle > span { border: 1.5px solid currentColor; border-radius: 3px; box-sizing: border-box; display: block; height: 13px; position: relative; width: 13px; } .fee-ufmip-calendar-toggle > span::before { background: currentColor; content: ""; height: 1.5px; left: 1px; position: absolute; right: 1px; top: 3px; } .fee-ufmip-calendar-toggle > span::after { background: currentColor; border-radius: 999px; box-shadow: 6px 0 0 currentColor; content: ""; height: 2px; left: 2px; position: absolute; top: -2.5px; width: 2px; } .fee-ufmip-calendar-popover { background: var(--paper); border: 1px solid color-mix(in srgb, #2d8ce6 44%, var(--line)); border-radius: 8px; box-shadow: 0 12px 24px rgba(16,24,32,.14); display: none; gap: 6px; grid-template-columns: minmax(0,1fr); left: 0; margin-top: 0; max-width: 198px; min-width: 198px; padding: 7px; position: absolute; top: calc(100% + 5px); z-index: 80; } .fee-ufmip-calendar-shell.is-open .fee-ufmip-calendar-popover { display: grid; } .fee-ufmip-calendar-shell.is-open { flex-basis: auto; flex-wrap: nowrap; margin-left: 4px; z-index: 90; } .fee-ufmip-original-loan-field { display: grid; gap: 5px; } .fee-ufmip-original-loan-field span { color: var(--ink); font-size: 11px; font-weight: 650; line-height: 1; overflow: visible; } .fee-ufmip-original-loan-field input { background: color-mix(in srgb, var(--soft) 66%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 6px; color: var(--ink); font-family: inherit; font-size: 12px; font-weight: 400; min-height: 28px; padding: 5px 7px; width: 100%; } .fee-ufmip-original-loan-field input:focus { background: var(--paper); border-color: color-mix(in srgb, #2d8ce6 72%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, #2d8ce6 16%, transparent); outline: 0; } .fee-ufmip-calendar-popover > strong { color: var(--ink); font-size: 11px; font-weight: 650; line-height: 1; } .fee-ufmip-date-wheel { display: grid; gap: 6px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); } .fee-ufmip-date-wheel select { appearance: auto; background: color-mix(in srgb, var(--soft) 70%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 6px; color: var(--ink); cursor: pointer; font-family: inherit; font-size: 11.5px; font-weight: 500; min-height: 29px; min-width: 0; padding: 4px 6px; width: 100%; } .fee-ufmip-date-wheel select:focus { background: var(--paper); border-color: color-mix(in srgb, #2d8ce6 72%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, #2d8ce6 16%, transparent); outline: 0; } .fee-ufmip-calendar-popover > em { color: color-mix(in srgb, var(--ink) 72%, var(--muted)); font-size: 10.5px; font-style: normal; font-weight: 500; line-height: 1.15; } .quote-breakdown-rows span.has-title-reissue-action { align-items: center; display: flex; flex-wrap: wrap; gap: 5px 6px; justify-content: start; overflow: visible; white-space: normal; width: auto; } .fee-title-reissue-main-label { flex: 0 0 auto; min-width: 0; } .quote-breakdown-row.is-title-reissue-open { align-items: start; gap: 5px 8px; grid-template-columns: minmax(0,1fr) auto; } .fee-title-reissue-shell { display: contents; } .fee-title-reissue-toggle { align-items: center; background: color-mix(in srgb, #2d8ce6 8%, var(--paper)); border: 1px solid color-mix(in srgb, #2d8ce6 58%, var(--line)); border-radius: 999px; color: #0d4f8f; cursor: pointer; display: inline-flex; flex: 0 0 auto; font-family: inherit; font-size: 9px; font-weight: 750; gap: 5px; grid-area: toggle; line-height: 1; margin-left: 0; min-height: 22px; padding: 4px 8px 4px 6px; text-transform: none; } .fee-title-reissue-toggle:hover,.fee-title-reissue-toggle:focus { background: color-mix(in srgb, #2d8ce6 13%, var(--paper)); border-color: color-mix(in srgb, #2d8ce6 80%, var(--line)); outline: 0; } .fee-title-reissue-toggle.is-on { background: color-mix(in srgb, #2d8ce6 18%, var(--paper)); border-color: #2d8ce6; box-shadow: 0 2px 6px color-mix(in srgb, #2d8ce6 16%, transparent); } .fee-title-reissue-caret { border: solid currentColor; border-width: 0 1.5px 1.5px 0; display: inline-block; height: 5px; transform: rotate(45deg); transition: transform .16s ease; width: 5px; } .fee-title-reissue-toggle.is-on .fee-title-reissue-caret { margin-top: 2px; transform: rotate(-135deg); } .fee-title-reissue-controls { align-items: center; display: inline-grid; flex: 0 0 100%; gap: 6px; grid-area: controls; grid-template-columns: 76px max-content; justify-content: start; margin-top: 1px; min-width: 0; overflow: visible; width: auto; } .quote-breakdown-rows span.has-title-reissue-action:not(.is-open) .fee-title-reissue-controls, .fee-title-reissue-shell:not(.is-open) .fee-title-reissue-controls { display: none; } .fee-title-reissue-controls label, .fee-title-reissue-controls .fee-title-reissue-month-field { color: var(--ink); display: inline-flex; min-width: 0; } .fee-title-reissue-controls label span { display: none; } .fee-title-reissue-controls .fee-title-reissue-month-field { align-items: center; gap: 4px; overflow: visible; } .fee-title-reissue-controls input { background: color-mix(in srgb, var(--soft) 66%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 6px; color: var(--ink); font-family: inherit; font-size: 10.5px; font-weight: 400; height: 23px; min-width: 0; padding: 2px 5px; text-align: left; } .fee-title-reissue-controls input { width: 76px; } .fee-title-reissue-controls input:focus { background: var(--paper); border-color: color-mix(in srgb, #2d8ce6 72%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, #2d8ce6 16%, transparent); outline: 0; } .fee-title-reissue-calendar-shell { display: inline-grid; gap: 5px; justify-items: start; overflow: visible; position: relative; } .fee-title-reissue-calendar-toggle { align-items: center; background: color-mix(in srgb, #2d8ce6 8%, var(--paper)); border: 1px solid color-mix(in srgb, #2d8ce6 58%, var(--line)); border-radius: 7px; color: #0d4f8f; cursor: pointer; display: inline-flex; font-family: inherit; gap: 5px; height: 23px; justify-content: center; min-width: 72px; padding: 0 7px 0 6px; } .fee-title-reissue-calendar-toggle:hover,.fee-title-reissue-calendar-toggle:focus,.fee-title-reissue-calendar-toggle.is-selected { background: color-mix(in srgb, #2d8ce6 13%, var(--paper)); border-color: color-mix(in srgb, #2d8ce6 80%, var(--line)); outline: 0; } .fee-title-reissue-calendar-toggle.is-selected { box-shadow: 0 2px 6px color-mix(in srgb, #2d8ce6 16%, transparent); } .fee-title-reissue-calendar-toggle > span { border: 1.4px solid currentColor; border-radius: 3px; box-sizing: border-box; display: block; height: 12px; position: relative; width: 12px; } .fee-title-reissue-calendar-toggle > span::before { background: currentColor; content: ""; height: 1.4px; left: 1px; position: absolute; right: 1px; top: 3px; } .fee-title-reissue-calendar-toggle > span::after { background: currentColor; border-radius: 999px; box-shadow: 5.5px 0 0 currentColor; content: ""; height: 2px; left: 2px; position: absolute; top: -2.5px; width: 2px; } .fee-title-reissue-calendar-toggle b { font-size: 10.5px; font-weight: 650; line-height: 1; white-space: nowrap; } .fee-title-reissue-date-selects { align-items: center; display: inline-grid; gap: 4px; grid-template-columns: 62px 66px; justify-content: start; width: max-content; } .fee-title-reissue-date-selects select { appearance: auto; background: color-mix(in srgb, #2d8ce6 8%, var(--paper)); border: 1px solid color-mix(in srgb, #2d8ce6 58%, var(--line)); border-radius: 7px; color: #0d4f8f; cursor: pointer; font-family: inherit; font-size: 10.5px; font-weight: 650; height: 23px; line-height: 1; min-width: 0; padding: 0 4px; width: 100%; } .fee-title-reissue-date-selects select:hover, .fee-title-reissue-date-selects select:focus { background: color-mix(in srgb, #2d8ce6 13%, var(--paper)); border-color: color-mix(in srgb, #2d8ce6 80%, var(--line)); box-shadow: 0 2px 6px color-mix(in srgb, #2d8ce6 16%, transparent); outline: 0; } .fee-title-reissue-calendar-popover { background: var(--paper); border: 1px solid color-mix(in srgb, #2d8ce6 44%, var(--line)); border-radius: 7px; box-sizing: border-box; box-shadow: 0 12px 24px rgba(16,24,32,.15); display: none; gap: 6px; grid-auto-flow: row; grid-template-columns: minmax(0,1fr); left: 0; max-width: calc(100vw - 16px); min-width: 0; padding: 7px; position: absolute; top: calc(100% + 5px); width: 188px; z-index: 120; } .fee-title-reissue-calendar-shell.is-open .fee-title-reissue-calendar-popover { display: grid; } .fee-title-reissue-calendar-shell.is-open { z-index: 130; } .fee-title-reissue-calendar-head { align-items: center; background: color-mix(in srgb, var(--soft) 74%, var(--paper)); border-radius: 5px; display: grid; grid-template-columns: 32px minmax(0,1fr) 32px; justify-self: center; min-height: 31px; width: 132px; } .fee-title-reissue-calendar-head strong { color: color-mix(in srgb, var(--ink) 92%, #2d8ce6); font-size: 12px; font-weight: 750; justify-self: stretch; line-height: 1; text-align: center; } .fee-title-reissue-calendar-head button { align-items: center; background: transparent; border: 0; border-radius: 5px; color: color-mix(in srgb, var(--ink) 74%, #2d8ce6); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 17px; font-weight: 800; height: 28px; justify-content: center; padding: 0; width: 28px; } .fee-title-reissue-calendar-head button:hover,.fee-title-reissue-calendar-head button:focus { background: color-mix(in srgb, #2d8ce6 11%, transparent); color: #0d4f8f; outline: 0; } .fee-title-reissue-calendar-head button:disabled { color: color-mix(in srgb, var(--muted) 55%, transparent); cursor: default; } .fee-title-reissue-month-grid { display: grid; gap: 0; grid-auto-flow: row; grid-template-columns: repeat(4,minmax(0,1fr)) !important; width: 100%; } .fee-title-reissue-month-option { background: transparent; border: 1px solid transparent; border-radius: 0; color: color-mix(in srgb, var(--ink) 84%, var(--muted)); cursor: pointer; font-family: inherit; font-size: 11.5px; font-weight: 500; min-height: 29px; min-width: 0; padding: 4px 6px; text-align: center; } .fee-title-reissue-month-option:hover,.fee-title-reissue-month-option:focus { background: color-mix(in srgb, #2d8ce6 8%, var(--paper)); border-color: color-mix(in srgb, #2d8ce6 22%, transparent); color: #0d4f8f; outline: 0; } .fee-title-reissue-month-option.is-selected { background: color-mix(in srgb, #2d8ce6 13%, var(--paper)); border-color: color-mix(in srgb, #2d8ce6 24%, transparent); color: #2563ff; font-weight: 750; } .fee-title-reissue-month-option:disabled { color: color-mix(in srgb, var(--muted) 48%, transparent); cursor: default; } .fee-title-reissue-calendar-actions { display: flex; gap: 7px; justify-content: flex-end; padding-top: 2px; } .fee-title-reissue-calendar-actions button { background: #667085; border: 0; border-radius: 0; color: #fff; cursor: pointer; font-family: inherit; font-size: 11.5px; font-weight: 700; min-height: 30px; padding: 6px 12px; } .fee-title-reissue-calendar-actions button:first-child { margin-right: auto; } .fee-title-reissue-calendar-actions button:hover,.fee-title-reissue-calendar-actions button:focus { background: #4f5b70; outline: 0; } .fee-title-reissue-value { align-items: baseline; display: inline-grid; gap: 18px; grid-auto-flow: column; justify-content: end; justify-items: end; justify-self: end; line-height: 1.1; text-align: right; } .quote-breakdown-row.is-title-reissue-open > .fee-title-reissue-value { align-self: start; grid-column: 2; grid-row: 1; padding-top: 3px; } .fee-title-reissue-value > span { color: inherit; font-size: inherit; font-weight: inherit; justify-self: end; } .fee-title-reissue-inline-credit { align-self: center; color: #0d7a3a; flex: 0 0 auto; font-size: 9.5px; font-style: normal; font-weight: 650; letter-spacing: 0; line-height: 1; margin-left: 2px; white-space: nowrap; } .fee-title-reissue-value-credit { color: #0d7a3a; font-size: 9.5px; font-style: normal; font-weight: 650; letter-spacing: 0; line-height: 1; margin-right: 2px; white-space: nowrap; } .quote-breakdown-escrow-prepaids .quote-breakdown-rows div { align-items: center; padding: 8px 0; } .quote-breakdown-escrow-prepaids .quote-breakdown-rows span { color: color-mix(in srgb, var(--ink) 82%, var(--muted)); font-size: 12.5px; font-weight: 400; line-height: 1.16; white-space: normal; } .quote-breakdown-escrow-prepaids .quote-breakdown-rows strong { font-size: 13px; font-weight: 400; } .quote-breakdown-escrow-prepaids:not([open]) > summary > strong { display: none; } .quote-breakdown-escrow-prepaids.is-escrow-waived:not([open]) > summary > strong { color: #0d7a3a; display: inline-flex !important; font-size: 12px; font-weight: 850; letter-spacing: .02em; } .quote-breakdown-escrow-prepaids .quote-breakdown-row.is-total-row span, .quote-breakdown-escrow-prepaids .quote-breakdown-row.is-total-row strong { color: var(--ink); font-weight: 600; } .quote-breakdown-row.is-credit span,.quote-breakdown-row.is-credit strong,.quote-breakdown-row.is-credit small { color: var(--green); } .quote-breakdown-row.is-cost span,.quote-breakdown-row.is-cost strong,.quote-breakdown-row.is-cost small { color: var(--red); } .quote-breakdown-fee-itemization .quote-breakdown-rows > div > span, .quote-breakdown-1st-fee-itemization .quote-breakdown-rows > div > span, .quote-breakdown-2nd-fee-itemization .quote-breakdown-rows > div > span, .quote-breakdown-fee-itemization .quote-breakdown-rows > div > strong, .quote-breakdown-1st-fee-itemization .quote-breakdown-rows > div > strong, .quote-breakdown-2nd-fee-itemization .quote-breakdown-rows > div > strong { font-weight: 400 !important; } .quote-breakdown-fee-itemization .quote-breakdown-row.is-total-row span, .quote-breakdown-1st-fee-itemization .quote-breakdown-row.is-total-row span, .quote-breakdown-2nd-fee-itemization .quote-breakdown-row.is-total-row span, .quote-breakdown-fee-itemization .quote-breakdown-row.is-total-row strong, .quote-breakdown-1st-fee-itemization .quote-breakdown-row.is-total-row strong, .quote-breakdown-2nd-fee-itemization .quote-breakdown-row.is-total-row strong { color: var(--ink); font-weight: 600 !important; } .pricing-breakdown-next { border-top: 1px solid var(--line); display: grid; gap: 7px; padding-top: 9px; } .pricing-breakdown-cta-grid { display: grid; gap: 6px; grid-template-columns: repeat(2,minmax(0,1fr)); } .pricing-rate-breakdown.empty .pricing-breakdown-cta-grid { grid-template-columns: 1fr; } @container (max-width: 340px) { .pricing-breakdown-head { display: grid; grid-template-columns: minmax(0,1fr) auto; } .pricing-breakdown-head > div { grid-column: 1; grid-row: 1; } .pricing-breakdown-head .selected-option-lender { grid-column: 1 / -1; grid-row: 2; justify-self: start; margin-left: 0; } .pricing-breakdown-head .icon-clear { grid-column: 2; grid-row: 1; } .pricing-breakdown-metrics,.pricing-breakdown-cta-grid { grid-template-columns: 1fr; } .pricing-breakdown-toggles span { flex-basis: 100%; margin-left: 0; } .quote-breakdown-section summary { grid-template-columns: minmax(0,1fr) auto auto; } } .pricing-saved-options { border-top: 1px solid color-mix(in srgb, var(--line) 74%, transparent); display: grid; gap: 8px; margin-top: 10px; padding-top: 10px; } .pricing-saved-options-head { align-items: center; display: flex; flex-wrap: wrap; gap: 8px 12px; justify-content: flex-start; } .pricing-saved-options-head span { color: var(--muted); font-size: 12px; font-weight: 750; } .pricing-option-stack { display: grid; gap: 7px; grid-template-columns: 1fr; max-width: 100%; } .pricing-option-card { background: var(--paper); border: 1px solid var(--line); border-left-width: 5px; border-radius: 8px; display: grid; font-family: inherit; gap: 4px; min-height: 74px; padding: 8px 10px; text-align: left; } .pricing-option-card div { align-items: center; display: flex; gap: 7px; justify-content: space-between; } .pricing-option-card span { color: var(--muted); font-size: 11px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; } .pricing-option-card strong { color: var(--ink); font-size: 19px; line-height: 1; } .pricing-option-card p { color: var(--ink); font-size: 12px; font-weight: 800; margin: 0; } .pricing-option-card small { color: var(--muted); font-size: 11px; font-weight: 750; line-height: 1.32; } .pricing-option-card small b { color: var(--ink); } .pricing-option-card.option-1 { border-left-color: var(--option-1); } .pricing-option-card.option-2 { border-left-color: var(--option-2); } .pricing-option-card.option-3 { border-left-color: var(--option-3); } .pricing-option-card.empty { background: color-mix(in srgb, var(--soft) 60%, var(--paper)); border-left-color: var(--line); } .pricing-option-card.empty.cta.option-1 { border-left-color: var(--option-1); } .pricing-option-card.empty.cta.option-2 { border-left-color: var(--option-2); } .pricing-option-card.empty.cta.option-3 { border-left-color: var(--option-3); } .pricing-option-card.empty.cta { cursor: pointer; } .pricing-option-card.credit { background: color-mix(in srgb, var(--green) 7%, var(--paper)); } .pricing-option-card.cost { background: color-mix(in srgb, var(--red) 5%, var(--paper)); } .pricing-option-card.par { background: color-mix(in srgb, var(--ink) 3%, var(--paper)); } .pricing-option-card.cta { min-height: 54px; padding: 7px 8px; } .pricing-option-card.cta strong { font-size: 16px; } .pricing-option-card.cta small { font-size: 10px; } .consumer-quote-preview-stack { border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent); display: grid; gap: 8px; margin-top: 12px; padding-top: 11px; } .consumer-quote-preview-head { align-items: center; display: flex; gap: 10px; justify-content: space-between; } .consumer-quote-preview-head .eyebrow { margin: 0; } .consumer-quote-preview-head span { color: var(--muted); font-size: 12px; font-weight: 850; } .consumer-quote-card-row { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); } .consumer-quote-card { background: var(--paper); border: 1px solid var(--line); border-left: 5px solid var(--line); border-radius: 8px; display: grid; gap: 5px; min-height: 112px; padding: 10px; } .consumer-quote-card.option-1 { border-left-color: var(--option-1); } .consumer-quote-card.option-2 { border-left-color: var(--option-2); } .consumer-quote-card.option-3 { border-left-color: var(--option-3); } .consumer-quote-card.credit { background: color-mix(in srgb, var(--green) 7%, var(--paper)); } .consumer-quote-card.cost { background: color-mix(in srgb, var(--red) 5%, var(--paper)); } .consumer-quote-card.par { background: color-mix(in srgb, var(--ink) 3%, var(--paper)); } .consumer-quote-card.empty { background: color-mix(in srgb, var(--soft) 64%, var(--paper)); border-left-color: var(--line); } .consumer-quote-card div { align-items: center; display: flex; justify-content: space-between; min-width: 0; } .consumer-quote-card span { color: var(--muted); font-size: 10px; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; } .consumer-quote-card strong { color: var(--ink); font-size: 24px; line-height: 1; } .consumer-quote-card p { color: var(--ink); font-size: 13px; font-weight: 850; margin: 0; } .consumer-quote-card small { color: var(--muted); font-size: 12px; font-weight: 760; line-height: 1.3; } .consumer-quote-card-head { gap: 8px; } .consumer-quote-metrics { display: grid !important; gap: 6px; grid-template-columns: repeat(2,minmax(0,1fr)); } .consumer-quote-metrics div { align-items: start; background: color-mix(in srgb, var(--soft) 64%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 82%, transparent); border-radius: 7px; display: grid; gap: 2px; justify-content: stretch; padding: 6px 7px; } .consumer-quote-metrics b { color: var(--ink); font-size: 13px; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .quote-preview-workspace { background: transparent; border: 0; border-radius: 0; box-shadow: none; min-height: calc(100vh - 150px); min-width: 0; overflow: visible; } .quote-preview-frame { background: var(--paper); border: 0; display: block; height: calc(100vh - 150px); min-height: 680px; width: 100%; } .pricing-center-comparison-stack { border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent); display: grid; gap: 8px; margin-top: 12px; padding-top: 11px; } .pricing-center-comparison-head { align-items: center; display: flex; gap: 10px; justify-content: space-between; } .pricing-center-comparison-head > div { display: grid; gap: 2px; min-width: 0; } .pricing-center-comparison-head .eyebrow { margin: 0; } .pricing-center-comparison-head span { color: var(--muted); font-size: 12px; font-weight: 850; } .pricing-center-card-row { align-items: stretch; display: grid; gap: 12px; grid-template-columns: repeat(auto-fit,minmax(340px,1fr)); } .pricing-center-card { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 12px; min-width: 0; padding: 16px; } .pricing-center-card.option-1 { border-left-color: var(--option-1); } .pricing-center-card.option-2 { border-left-color: var(--option-2); } .pricing-center-card.option-3 { border-left-color: var(--option-3); } .pricing-center-card.empty { background: color-mix(in srgb, var(--soft) 64%, var(--paper)); border-left-color: var(--line); } .pricing-center-card-head { align-items: center; display: flex; gap: 8px; justify-content: flex-start; min-width: 0; } .pricing-center-card-head span { color: var(--section-label); font-size: 11px; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; } .pricing-center-card-head strong { background: color-mix(in srgb, var(--primary) 9%, var(--paper)); border: 1px solid color-mix(in srgb, var(--primary) 18%, var(--line)); border-radius: 999px; color: var(--primary); font-size: 12px; font-weight: 950; padding: 6px 10px; white-space: nowrap; } .pricing-center-card.option-1 .pricing-center-card-head strong { background: color-mix(in srgb, var(--green) 15%, var(--paper)); border-color: color-mix(in srgb, var(--green) 24%, var(--line)); color: color-mix(in srgb, var(--green) 70%, var(--ink)); } .pricing-center-card.option-2 .pricing-center-card-head strong { background: color-mix(in srgb, var(--option-2) 13%, var(--paper)); border-color: color-mix(in srgb, var(--option-2) 28%, var(--line)); color: color-mix(in srgb, var(--option-2) 78%, var(--primary)); } .pricing-center-card.option-3 .pricing-center-card-head strong { background: color-mix(in srgb, var(--brand-gold) 18%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 32%, var(--line)); color: color-mix(in srgb, #8a5a00 74%, var(--ink)); } .pricing-comparison-hero { border-bottom: 1px solid var(--line); display: grid; gap: 9px; padding-bottom: 12px; } .pricing-comparison-hero > strong { color: var(--ink); font-size: 40px; font-weight: 850; letter-spacing: 0; line-height: 1; } .pricing-comparison-hero p { color: var(--ink); font-size: 15px; font-weight: 650; margin: 0; } .pricing-comparison-hero b { font-weight: 950; } .pricing-comparison-hero .lender-line { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; } .pricing-center-lien-stack { display: grid; gap: 7px; min-width: 0; } .pricing-center-lien-block { background: color-mix(in srgb, var(--soft) 42%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 86%, transparent); border-radius: 7px; display: grid; gap: 6px; min-width: 0; padding: 8px; } .pricing-center-lien-block.second { background: color-mix(in srgb, var(--green) 4%, var(--paper)); border-color: color-mix(in srgb, var(--green) 18%, var(--line)); } .pricing-center-lien-block.empty { align-content: center; color: var(--muted); min-height: 84px; } .pricing-center-lien-block.empty span { color: var(--section-label); font-size: 10px; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; } .pricing-center-lien-block.empty strong { color: var(--ink); font-size: 14px; } .pricing-center-lien-block.empty small { font-size: 11px; font-weight: 760; } .pricing-center-lien-head { align-items: center; display: flex; gap: 8px; justify-content: space-between; min-width: 0; } .pricing-center-lien-head > span { color: var(--section-label); font-size: 10px; font-weight: 950; letter-spacing: .06em; text-transform: uppercase; } .pricing-center-rate-line { align-items: baseline; display: flex; gap: 8px; justify-content: space-between; min-width: 0; } .pricing-center-rate-line strong { color: var(--ink); font-size: 22px; line-height: 1; } .pricing-center-rate-line small { color: var(--muted); font-size: 11px; font-weight: 850; white-space: nowrap; } .pricing-center-lien-metrics { display: grid; gap: 5px; grid-template-columns: repeat(2,minmax(0,1fr)); } .pricing-center-lien-metrics div,.pricing-center-total-strip div { background: color-mix(in srgb, var(--paper) 76%, transparent); border: 1px solid color-mix(in srgb, var(--line) 78%, transparent); border-radius: 6px; display: grid; gap: 2px; min-width: 0; padding: 6px; } .pricing-center-lien-metrics span,.pricing-center-total-strip span { color: var(--muted); font-size: 9px; font-weight: 950; letter-spacing: .05em; text-transform: uppercase; } .pricing-center-lien-metrics b,.pricing-center-total-strip strong { color: var(--ink); font-size: 12px; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pricing-center-total-strip { border-top: 1px solid color-mix(in srgb, var(--line) 76%, transparent); display: grid; gap: 5px; grid-template-columns: repeat(2,minmax(0,1fr)); padding-top: 8px; } .pricing-center-total-strip strong { font-size: 13px; } .pricing-center-breakdown-stack,.pricing-result-detail-stack { display: grid; gap: 6px; } .pricing-center-card .quote-breakdown-section { background: transparent; border: 1px solid color-mix(in srgb, var(--line) 76%, transparent); border-radius: 6px; margin-top: 1px; overflow: hidden; } .pricing-center-card .quote-breakdown-section summary { padding: 6px 7px; } .pricing-center-card .quote-breakdown-section summary span,.pricing-center-card .quote-breakdown-section summary strong { font-size: 11px; } .pricing-center-card .quote-breakdown-rows div { padding: 6px 7px; } .pricing-center-card .quote-breakdown-rows span,.pricing-center-card .quote-breakdown-rows strong { font-size: 11px; } .pricing-center-drawer { margin: 12px 0 0; padding: 0; } .pricing-center-drawer .pricing-center-drawer-summary { padding: 14px 16px; } .pricing-center-drawer .pricing-center-comparison-stack { border-top: 1px solid var(--line); margin: 0; padding: 10px; } .pricing-center-drawer:not([open]) .pricing-center-drawer-summary { border-radius: 8px; } .pricing-center-drawer[open] .pricing-center-drawer-summary { border-bottom: 0; } .icon-clear { align-items: center; background: transparent; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); cursor: pointer; display: inline-flex; font-size: 11px; font-weight: 900; height: 22px; justify-content: center; line-height: 1; width: 22px; } .icon-clear:hover { border-color: var(--accent); color: var(--accent); } .internal-rate-list { margin-top: 8px; } .pipeline-window-label { align-items: center; display: inline-flex; gap: 8px; justify-content: flex-start; margin-bottom: 8px; min-height: 32px; } .pipeline-window-label span { align-items: center; background: var(--label-tab-bg); border: 1px solid var(--label-tab-border); border-radius: 7px; box-shadow: 0 1px 0 color-mix(in srgb, #fff 54%, transparent); color: color-mix(in srgb, var(--ink) 88%, var(--muted)); display: inline-flex; font-size: 14px; font-weight: 600; gap: 8px; justify-content: center; letter-spacing: 0; line-height: 1; min-height: 28px; padding: 6px 10px 6px 8px; text-transform: none; white-space: nowrap; } .pipeline-window-label span::before { background: var(--label-tab-accent); border-radius: 999px; content: ""; display: inline-block; flex: 0 0 auto; height: 18px; width: var(--section-label-accent-width); } .pipeline-section { border-top: 1px solid var(--line); margin-top: 16px; padding-top: 16px; } .pipeline-panel-head { margin-bottom: 14px; } .pipeline-side-controls { min-width: 92px; } .pipeline-pane-label { min-width: 92px; } .pipeline-panel-card { margin-top: 10px; padding: 10px; } .pipeline-side-panel .pipeline-panel-card > .editor-section-summary, .pipeline-editor .pipeline-editor-card > .editor-section-summary, .pipeline-editor .pipeline-notes-card > .editor-section-summary { align-items: center; cursor: pointer; display: grid; gap: 8px; grid-template-columns: max-content minmax(0,1fr); justify-content: stretch; list-style: none; min-height: 32px; padding: 0; width: 100%; } .pipeline-side-panel .pipeline-panel-card > .editor-section-summary::-webkit-details-marker, .pipeline-editor .pipeline-editor-card > .editor-section-summary::-webkit-details-marker, .pipeline-editor .pipeline-notes-card > .editor-section-summary::-webkit-details-marker { display: none; } .pipeline-side-panel .pipeline-panel-card > .editor-section-summary::before, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary::after, .pipeline-editor .pipeline-editor-card > .editor-section-summary::before, .pipeline-editor .pipeline-editor-card > .editor-section-summary::after, .pipeline-editor .pipeline-notes-card > .editor-section-summary::before, .pipeline-editor .pipeline-notes-card > .editor-section-summary::after { content: none; display: none; } .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor .pipeline-editor-card > .editor-section-summary > span:first-child, .pipeline-editor .pipeline-notes-card > .editor-section-summary > span:first-child { align-items: center; background: var(--label-tab-bg); border: 1px solid var(--label-tab-border); border-radius: 7px; box-shadow: 0 1px 0 color-mix(in srgb, #fff 54%, transparent); color: color-mix(in srgb, var(--ink) 88%, var(--muted)); display: inline-flex; font-size: 14px; font-weight: 600; gap: 8px; justify-content: center; letter-spacing: 0; line-height: 1; min-height: 28px; padding: 6px 10px 6px 8px; text-transform: none; white-space: nowrap; } .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child::before, .pipeline-editor .pipeline-editor-card > .editor-section-summary > span:first-child::before, .pipeline-editor .pipeline-notes-card > .editor-section-summary > span:first-child::before { background: var(--label-tab-accent); border-radius: 999px; content: ""; display: inline-block; flex: 0 0 auto; height: 18px; width: var(--section-label-accent-width); } .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:hover > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:focus > span:first-child, .pipeline-editor .pipeline-editor-card > .editor-section-summary:hover > span:first-child, .pipeline-editor .pipeline-editor-card > .editor-section-summary:focus > span:first-child, .pipeline-editor .pipeline-notes-card > .editor-section-summary:hover > span:first-child, .pipeline-editor .pipeline-notes-card > .editor-section-summary:focus > span:first-child { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); outline: 0; } .pipeline-side-panel .pipeline-panel-card > .editor-section-summary small { color: var(--muted); font-size: 11px; font-weight: 850; justify-self: start; min-width: 0; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .pipeline-panel-card:not([open]) > .editor-section-summary, .pipeline-editor-card:not([open]) > .editor-section-summary { margin-bottom: -2px; } .pipeline-panel-card[open] > .editor-section-summary, .pipeline-editor-card[open] > .editor-section-summary { margin-bottom: 8px; } .pipeline-panel-action-grid { gap: 7px; } .pipeline-panel-form { display: grid; gap: 10px; margin-top: 10px; } .pipeline-panel-form .pipeline-panel-card { grid-column: 1 / -1; margin-top: 0; width: 100%; } .pipeline-panel-form .pipeline-panel-card[open] { align-content: start; display: grid; row-gap: 9px; } .pipeline-panel-form label { color: var(--muted); display: grid; font-size: 11px; font-weight: 820; gap: 4px; line-height: 1.15; margin: 0; min-width: 0; } .pipeline-panel-form input, .pipeline-panel-form textarea { background: var(--paper); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font: inherit; font-weight: 760; min-height: 34px; padding: 7px 8px; width: 100%; } .pipeline-panel-form textarea { min-height: 96px; resize: vertical; } .pipeline-panel-form .compact-fields { gap: 8px; grid-template-columns: minmax(0,1fr); } .pipeline-panel-form .pipeline-comp-grid, .pipeline-panel-form .pipeline-radio-grid, .pipeline-panel-form .pipeline-status-grid { gap: 7px; grid-template-columns: minmax(0,1fr); } .pipeline-panel-form .pipeline-status-grid .status-choice { font-size: 11px !important; min-height: 32px; padding-left: 5px; padding-right: 5px; } .pipeline-panel-form .pipeline-radio-grid .radio-line { margin-bottom: 0 !important; min-height: 32px; padding: 6px 7px !important; } .pipeline-panel-alerts { display: flex; flex-wrap: wrap; gap: 6px; } .pipeline-panel-save-bar { background: linear-gradient(180deg, color-mix(in srgb, var(--paper) 0%, transparent), var(--paper) 22%); bottom: -1px; display: grid; padding-top: 8px; position: sticky; z-index: 2; } .pipeline-panel-save-bar .btn { justify-content: center; min-height: 42px; width: 100%; } .pipeline-panel-save-btn { align-items: center; background: #f8fbff; border: 1px solid #d8e6f2; border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18); color: #071523; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 13px; font-weight: 900; justify-content: center; line-height: 1; min-height: 30px; min-width: 92px; padding: 0 14px; text-transform: none; white-space: nowrap; } .pipeline-panel-save-btn:hover,.pipeline-panel-save-btn:focus-visible { background: color-mix(in srgb, var(--accent) 10%, #f8fbff); border-color: color-mix(in srgb, var(--accent) 46%, #d8e6f2); outline: 0; } .investor-pricing-snapshot-body { align-items: stretch; display: grid; gap: 12px; grid-template-columns: minmax(520px,1.85fr) minmax(320px,1fr); } .investor-pricing-table-wrap { background: color-mix(in srgb, var(--soft) 48%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 8px; min-width: 0; overflow: hidden; } .investor-pricing-table-head,.investor-pricing-row { display: grid; gap: 7px; grid-template-columns: minmax(112px,1fr) minmax(78px,.62fr) minmax(88px,.74fr) minmax(104px,.72fr); } .investor-pricing-table-head { background: color-mix(in srgb, var(--ink) 5%, var(--paper)); border-bottom: 1px solid var(--line); color: var(--section-label); font-size: 9px; font-weight: 950; letter-spacing: .055em; padding: 7px 9px; text-transform: uppercase; } .investor-pricing-table { display: grid; max-height: 420px; overflow: auto; scrollbar-gutter: stable; } .investor-pricing-row { align-items: center; border-bottom: 1px solid color-mix(in srgb, var(--line) 76%, transparent); min-height: 42px; padding: 6px 9px; } .investor-pricing-row:last-child { border-bottom: 0; } .investor-pricing-row.is-disabled { opacity: .62; } .investor-pricing-row.is-missing { background: color-mix(in srgb, var(--muted) 4%, var(--paper)); } .investor-pricing-row.is-retained { background: color-mix(in srgb, var(--gold) 8%, var(--paper)); } .investor-pricing-name { display: grid; justify-items: stretch; min-width: 0; text-align: left; } .investor-pricing-name .lender-brand, .investor-pricing-name .lender-logo-stack { justify-content: flex-start; justify-self: stretch; min-width: 0; text-align: left; width: 100%; } .investor-pricing-row > strong { color: var(--ink); font-size: 13px; line-height: 1.1; } .investor-pricing-change { border: 1px solid var(--line); border-radius: 999px; display: inline-flex; font-size: 10px; font-weight: 950; justify-content: center; line-height: 1; padding: 5px 7px; white-space: nowrap; } .investor-pricing-change.better { background: color-mix(in srgb, var(--green) 11%, var(--paper)); border-color: color-mix(in srgb, var(--green) 28%, var(--line)); color: color-mix(in srgb, var(--green) 72%, var(--ink)); } .investor-pricing-change.worse { background: color-mix(in srgb, var(--red) 9%, var(--paper)); border-color: color-mix(in srgb, var(--red) 26%, var(--line)); color: color-mix(in srgb, var(--red) 72%, var(--ink)); } .investor-pricing-change.neutral { background: color-mix(in srgb, var(--muted) 9%, var(--paper)); color: color-mix(in srgb, var(--muted) 84%, var(--ink)); } .investor-pricing-row time { color: var(--muted); font-size: 10.5px; font-weight: 820; line-height: 1.2; } .investor-pricing-preview { align-content: space-between; background: linear-gradient(135deg,var(--auto-mood-a),var(--auto-mood-b)); border-radius: 8px; color: #fff; display: grid; gap: 14px; min-height: 220px; padding: 12px 16px 15px; } .investor-pricing-preview-copy { align-content: start; display: grid; gap: 5px; } .investor-pricing-preview h3 { color: #fff; font-size: 22px; line-height: 1.05; margin: 0; } .investor-pricing-preview .meta { color: rgba(255,255,255,.78); line-height: 1.24; margin: 0; } .investor-preview-placeholder { background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.24); border-radius: 8px; display: grid; gap: 5px; padding: 12px; } .investor-preview-placeholder span { color: rgba(255,255,255,.72); font-size: 10px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; } .investor-preview-placeholder strong { color: #fff; font-size: 17px; } .billing-settings-card { display: grid; gap: 14px; } .billing-settings-head { align-items: flex-start; display: flex; gap: 14px; justify-content: space-between; } .billing-settings-head h3 { margin-bottom: 0; } .billing-status-pill { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--accent) 72%, var(--ink)); font-size: 12px; font-weight: 950; padding: 7px 10px; text-transform: uppercase; white-space: nowrap; } .billing-summary-grid { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); } .billing-summary-grid div { background: color-mix(in srgb, var(--soft) 72%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; padding: 12px; } .billing-summary-grid span { color: var(--muted); display: block; font-size: 11px; font-weight: 900; letter-spacing: .06em; margin-bottom: 6px; text-transform: uppercase; } .billing-summary-grid strong { display: block; font-size: 17px; line-height: 1.2; } .billing-plan-grid { display: grid; gap: 10px; grid-template-columns: repeat(4, minmax(0, 1fr)); } .billing-plan-option { appearance: none; background: color-mix(in srgb, var(--soft) 58%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; color: inherit; cursor: pointer; display: grid; font: inherit; gap: 8px; min-height: 132px; padding: 12px; position: relative; text-align: left; } .billing-plan-option input { height: 1px; opacity: 0; position: absolute; width: 1px; } .billing-plan-option.selected { border-color: color-mix(in srgb, var(--accent) 72%, var(--line)); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent) 34%, transparent); } .billing-plan-option.disabled { cursor: not-allowed; opacity: .58; } .billing-plan-option-head { align-items: flex-start; display: flex; gap: 8px; justify-content: space-between; } .billing-plan-option-head strong { color: var(--ink); font-size: 14px; line-height: 1.18; } .billing-plan-option-head em { background: color-mix(in srgb, var(--brand-gold) 18%, var(--paper)); border: 1px solid color-mix(in srgb, var(--brand-gold) 48%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--brand-gold) 55%, #6c3f00); font-size: 10px; font-style: normal; font-weight: 950; line-height: 1; padding: 5px 7px; text-transform: uppercase; } .billing-plan-price { color: var(--ink); display: block; font-size: 22px; font-weight: 950; line-height: 1; } .billing-plan-option small { color: var(--muted); font-size: 11px; font-weight: 760; line-height: 1.25; } .billing-legal-note { color: var(--muted); font-size: 11.5px; font-weight: 720; line-height: 1.42; margin: -2px 0 0; } .billing-legal-note a { color: color-mix(in srgb, var(--accent) 78%, var(--primary)); font-weight: 900; text-decoration: underline; text-underline-offset: 2px; } .billing-action-row { display: flex; flex-wrap: wrap; gap: 10px; } .account-license-card { display: grid; gap: 14px; } .account-license-heading { display: grid; gap: 6px; min-width: 0; } .account-license-title-row { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; min-width: 0; } .account-license-title-row h3 { margin: 0; } .account-license-verified-badge { align-items: center; background: color-mix(in srgb, var(--success) 24%, #f2fff7); border: 1px solid color-mix(in srgb, var(--success) 72%, var(--line)); border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 2px 8px color-mix(in srgb, var(--success) 16%, transparent); color: color-mix(in srgb, var(--success) 84%, var(--ink)); display: inline-flex; font-size: 11px; font-weight: 950; letter-spacing: .04em; line-height: 1; padding: 7px 12px; text-transform: uppercase; white-space: nowrap; } .account-license-note { color: var(--muted); font-size: 12px; font-weight: 760; line-height: 1.4; margin: 0; } .account-license-form { display: grid; gap: 12px; grid-template-columns: repeat(3,minmax(0,1fr)); } .account-license-field-grid { display: grid; gap: 10px 12px; grid-template-columns: repeat(3,minmax(0,1fr)); } .account-license-form label { color: color-mix(in srgb, var(--ink) 74%, var(--primary)); display: grid; font-size: 12px; font-weight: 850; gap: 7px; line-height: 1.18; min-width: 0; } .account-license-form input { background: color-mix(in srgb, var(--paper) 92%, #fff); border: 1px solid color-mix(in srgb, var(--line) 62%, var(--primary)); border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.68); color: var(--ink); font: inherit; font-weight: 800; min-height: 40px; padding: 8px 10px; transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease; width: 100%; } .account-license-form input:hover { border-color: color-mix(in srgb, var(--primary) 46%, var(--line)); } .account-license-form input:focus { background: #fff; border-color: color-mix(in srgb, var(--accent) 82%, var(--primary)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent), inset 0 1px 0 rgba(255,255,255,.8); outline: 0; } .account-license-form .account-license-check { align-content: center; background: color-mix(in srgb, var(--accent) 5%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--line)); border-radius: 8px; grid-template-columns: auto minmax(0,1fr); min-height: 40px; padding: 8px 10px; } .account-license-form .account-license-check input { accent-color: var(--accent); min-height: 0; padding: 0; width: 17px; } .account-license-form .account-license-check span { color: var(--ink); font-size: 13px; font-weight: 950; line-height: 1.1; } .account-license-form .account-license-check small { color: var(--muted); font-size: 10.5px; font-weight: 700; grid-column: 2; line-height: 1.2; } .account-license-wide { grid-column: span 2; } .account-license-full { grid-column: 1 / -1; } .account-license-section { background: linear-gradient(180deg, color-mix(in srgb, var(--soft) 38%, var(--paper)), var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 62%, var(--primary)); border-left: 4px solid color-mix(in srgb, var(--accent) 72%, var(--primary)); border-radius: 8px; box-shadow: 0 8px 22px rgba(9,28,46,.045); display: grid; gap: 12px; grid-column: 1 / -1; padding: 13px 14px 14px; } .account-license-section-head { border-bottom: 1px solid color-mix(in srgb, var(--line) 74%, transparent); display: grid; gap: 4px; padding-bottom: 9px; } .account-license-section-head h4 { color: color-mix(in srgb, var(--ink) 88%, var(--primary)); font-size: 15px; font-weight: 900; line-height: 1.1; margin: 0; } .account-license-section-head p { color: color-mix(in srgb, var(--muted) 76%, var(--ink)); font-size: 12px; font-weight: 650; line-height: 1.35; margin: 0; } .account-quote-action-link-grid { display: grid; gap: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); } .account-license-states { display: grid; gap: 9px; margin: 0; min-width: 0; } .account-license-states > summary { align-items: center; cursor: pointer; display: flex; gap: 10px; justify-content: space-between; list-style: none; } .account-license-states > summary::-webkit-details-marker { display: none; } .account-license-states > summary span { color: color-mix(in srgb, var(--ink) 88%, var(--primary)); font-size: 15px; font-weight: 900; } .account-license-states > summary small { color: color-mix(in srgb, var(--accent) 72%, var(--ink)); font-size: 11px; font-weight: 850; letter-spacing: 0; text-align: right; } .account-state-bubble-grid { display: flex; flex-wrap: wrap; gap: 5px; } .account-state-bubble { display: inline-flex !important; gap: 0 !important; position: relative; } .account-state-bubble input { height: 1px; min-height: 0; opacity: 0; padding: 0; pointer-events: none; position: absolute; width: 1px; } .account-state-bubble span { align-items: center; background: color-mix(in srgb, var(--soft) 72%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 999px; color: color-mix(in srgb, var(--muted) 82%, var(--ink)); cursor: pointer; display: inline-flex; font-size: 10px; font-weight: 950; height: 22px; justify-content: center; line-height: 1; min-width: 32px; padding: 0 7px; } .account-state-bubble input:checked + span { background: color-mix(in srgb, var(--accent) 14%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); color: color-mix(in srgb, var(--accent) 72%, var(--ink)); } .account-state-bubble input:focus-visible + span { outline: 2px solid color-mix(in srgb, var(--accent) 38%, transparent); outline-offset: 2px; } .account-verification-summary { display: grid; gap: 8px; grid-column: 1 / -1; grid-template-columns: repeat(3,minmax(0,1fr)); } .account-verification-summary div { background: color-mix(in srgb, var(--soft) 56%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 64%, var(--primary)); border-radius: 8px; min-width: 0; padding: 10px; } .account-verification-summary span { color: color-mix(in srgb, var(--primary) 64%, var(--muted)); display: block; font-size: 10px; font-weight: 900; letter-spacing: .04em; margin-bottom: 5px; text-transform: uppercase; } .account-verification-summary strong { display: block; font-size: 13px; line-height: 1.25; overflow-wrap: anywhere; } .account-nmls-upload-row { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; grid-column: 1 / -1; } .account-nmls-upload-input { flex: 1 1 220px; min-height: 36px !important; padding: 6px 8px !important; } .account-nmls-upload-row span { color: var(--muted); font-size: 11px; font-weight: 750; line-height: 1.35; } .account-license-form > .billing-action-row { grid-column: 1 / -1; } .setup-guide-grid { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); } .setup-guide-card { background: color-mix(in srgb, var(--soft) 58%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 8px; display: grid; gap: 12px; padding: 13px; } .setup-guide-card-head { align-items: start; display: flex; gap: 10px; justify-content: space-between; } .setup-guide-card-head h3 { color: var(--ink); font-size: 16px; line-height: 1.1; margin: 0; } .setup-guide-card-head span { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--accent) 72%, var(--ink)); flex: 0 0 auto; font-size: 10px; font-weight: 950; line-height: 1; padding: 6px 8px; text-transform: uppercase; white-space: nowrap; } .setup-guide-card-body { display: grid; gap: 10px; } .setup-guide-card code { background: color-mix(in srgb, var(--ink) 6%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 84%, transparent); border-radius: 6px; color: var(--ink); font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace; font-size: 11px; font-weight: 800; overflow-wrap: anywhere; padding: 2px 5px; } .setup-code-list { display: grid; gap: 6px; } .setup-code-list code { display: block; padding: 8px 9px; } .setup-steps { color: var(--muted); display: grid; font-size: 12px; font-weight: 760; gap: 7px; line-height: 1.4; margin: 0; padding-left: 18px; } .setup-action-row { display: flex; flex-wrap: wrap; gap: 8px; } .signup-shell { align-items: center; background: linear-gradient(180deg, color-mix(in srgb, var(--window-bg) 82%, var(--paper)) 0%, var(--window-bg) 100%); display: grid; gap: 18px; justify-items: center; min-height: 100vh; padding: 28px 18px; } .signup-brand { justify-self: center; } .signup-panel { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow); display: grid; gap: 16px; max-width: 430px; padding: 24px; width: 100%; } .signup-panel h1 { font-size: clamp(28px,4vw,40px); line-height: 1.02; margin: 0; } .signup-trial-copy { background: color-mix(in srgb, var(--accent) 7%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line)); border-radius: 8px; color: var(--ink); font-size: 13px; font-weight: 800; line-height: 1.35; margin: 0; padding: 10px 12px; } .signup-setup-indicator { display: flex; flex-wrap: wrap; gap: 7px; } .signup-setup-indicator span { background: color-mix(in srgb, var(--success) 12%, var(--paper)); border: 1px solid color-mix(in srgb, var(--success) 28%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--success) 62%, var(--ink)); font-size: 11px; font-weight: 900; line-height: 1; padding: 7px 9px; } .signup-setup-indicator span + span { background: color-mix(in srgb, var(--brand-gold) 15%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 38%, var(--line)); color: color-mix(in srgb, #9a6400 72%, var(--ink)); } .signup-form { display: grid; gap: 12px; } .signup-form label { color: var(--muted); display: grid; font-size: 12px; font-weight: 850; gap: 6px; } .signup-form input { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; color: var(--ink); font: inherit; font-weight: 800; min-height: 44px; padding: 10px 12px; width: 100%; } .signup-form .btn { justify-content: center; width: 100%; } .signup-license-setup { border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 8px; display: grid; gap: 10px; padding: 10px; } .signup-license-setup > summary { align-items: center; cursor: pointer; display: flex; gap: 10px; justify-content: space-between; list-style: none; } .signup-license-setup > summary::-webkit-details-marker { display: none; } .signup-license-setup > summary span { color: var(--ink); font-size: 13px; font-weight: 950; } .signup-license-setup > summary small { color: var(--muted); font-size: 11px; font-weight: 800; } .signup-license-setup[open] > summary { margin-bottom: 10px; } .signup-license-setup[open] { gap: 10px; } .signup-license-states { display: grid; gap: 7px; } .signup-license-states > span { color: var(--muted); font-size: 12px; font-weight: 850; } .signup-state-grid { display: flex; flex-wrap: wrap; gap: 4px; } .signup-state-bubble { display: inline-flex !important; gap: 0 !important; position: relative; } .signup-state-bubble input { height: 1px; min-height: 0; opacity: 0; padding: 0; pointer-events: none; position: absolute; width: 1px; } .signup-state-bubble span { align-items: center; background: color-mix(in srgb, var(--soft) 74%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 999px; color: color-mix(in srgb, var(--muted) 82%, var(--ink)); cursor: pointer; display: inline-flex; font-size: 9.5px; font-weight: 950; height: 20px; justify-content: center; line-height: 1; min-width: 29px; padding: 0 6px; } .signup-state-bubble input:checked + span { background: color-mix(in srgb, var(--accent) 14%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); color: color-mix(in srgb, var(--accent) 72%, var(--ink)); } .signup-state-bubble input:focus-visible + span { outline: 2px solid color-mix(in srgb, var(--accent) 38%, transparent); outline-offset: 2px; } .signup-license-note { color: var(--muted); font-size: 11px; font-weight: 700; line-height: 1.35; margin: 0; } .signup-legal-checks { background: color-mix(in srgb, var(--soft) 62%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 8px; display: grid; gap: 9px; padding: 11px 12px; } .signup-form .signup-legal-check { align-items: start; color: var(--ink); display: grid; gap: 8px; grid-template-columns: auto minmax(0,1fr); } .signup-form .signup-legal-check input { accent-color: var(--accent); height: 16px; margin-top: 2px; min-height: 0; padding: 0; width: 16px; } .signup-legal-check span { color: color-mix(in srgb, var(--ink) 78%, var(--muted)); font-size: 11.5px; font-weight: 740; line-height: 1.35; } .signup-legal-check a { color: color-mix(in srgb, var(--accent) 82%, var(--primary)); font-weight: 900; text-decoration: underline; text-underline-offset: 2px; } .signup-legal-check-optional span { color: var(--muted); font-weight: 680; } .public-legal-footer { align-items: center; color: var(--muted); display: flex; flex-wrap: wrap; font-size: 11px; font-weight: 850; gap: 8px 14px; justify-content: center; line-height: 1.2; } .public-legal-footer a { color: color-mix(in srgb, var(--primary) 70%, var(--muted)); text-decoration: none; } .public-legal-footer a:hover,.public-legal-footer a:focus { color: var(--accent); outline: 0; text-decoration: underline; text-underline-offset: 3px; } .signup-legal-footer { max-width: 430px; width: 100%; } .landing-legal-footer { border-top: 1px solid color-mix(in srgb, var(--line) 84%, transparent); margin: 0 auto; max-width: 1320px; padding: 22px max(22px, calc((100vw - 1320px) / 2 + 22px)) 30px; } .legal-page { background: linear-gradient(180deg, #f5f8fb 0%, #eef3f7 100%); color: var(--ink); min-height: 100vh; } .legal-shell { display: grid; gap: 14px; margin: 0 auto; max-width: 920px; padding: 30px 18px 44px; } .legal-header { display: grid; gap: 10px; padding: 6px 0 8px; } .legal-brand { align-items: center; color: var(--primary); display: inline-flex; font-size: 28px; font-weight: 950; gap: 10px; width: fit-content; } .legal-brand img { height: 46px; width: 46px; } .legal-brand strong { color: var(--brand-gold); } .legal-header h1 { font-size: clamp(34px,5vw,56px); line-height: 1; margin: 0; } .legal-header p:not(.eyebrow) { color: var(--muted); font-size: 15px; font-weight: 720; line-height: 1.5; margin: 0; max-width: 760px; } .legal-card { background: var(--paper); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-left: 4px solid color-mix(in srgb, var(--accent) 70%, var(--primary)); border-radius: 8px; box-shadow: 0 12px 28px rgba(16,24,32,.08); display: grid; gap: 8px; padding: 18px 20px; } .legal-card h2 { color: var(--ink); font-size: 19px; line-height: 1.15; margin: 0; } .legal-card p { color: color-mix(in srgb, var(--ink) 76%, var(--muted)); font-size: 14px; font-weight: 650; line-height: 1.55; margin: 0; } .legal-footer-links { align-items: center; display: flex; flex-wrap: wrap; gap: 9px 14px; justify-content: center; padding-top: 12px; } .legal-footer-links a { color: color-mix(in srgb, var(--primary) 75%, var(--accent)); font-size: 12px; font-weight: 900; text-decoration: underline; text-underline-offset: 3px; } .pipeline-table { min-width: var(--pipeline-table-width, 980px); table-layout: fixed; } .pipeline-table th,.pipeline-table td { text-align: center; vertical-align: middle; } .pipeline-table th { position: relative; } .pipeline-table .table-sort-btn,.pipeline-table .table-header-label { justify-content: center; text-align: center; } .pipeline-table .pipeline-cell-borrower,.pipeline-table .pipeline-col-borrower { text-align: left; } .pipeline-table .pipeline-col-borrower .table-sort-btn,.pipeline-table .pipeline-col-borrower .table-header-label { justify-content: flex-start; text-align: left; } .pipeline-table .pipeline-cell-borrower { min-width: 180px; } .pipeline-table .pipeline-cell-borrower .meta { display: inline-block; margin-bottom: 0; } .pipeline-table .pipeline-cell-lender .lender-brand { justify-content: center; margin-left: 0; } .stage-list,.requirements,.color-form { display: grid; gap: 10px; } .stage { align-items:center; color:var(--muted); display:flex; font-size:13px; gap:8px; } .stage span { background:#d5dde5; border-radius:999px; height:10px; width:10px; } .stage.complete { color:#2d3d4f; font-weight:700; }.stage.complete span{background:var(--green)}.stage.current{color:var(--primary);font-weight:850}.stage.current span{background:var(--primary)} .pipeline-expanded-row td { background: transparent; container: pipeline-expanded / inline-size; padding: 0; text-align: left; } .pipeline-editor { --pipeline-card-lane-min: 384px; --pipeline-card-lane-max: 422px; --pipeline-editor-pad: 12px; --pipeline-editor-gap: 12px; background: color-mix(in srgb, var(--accent) 5%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 8px; box-sizing: border-box; margin: 10px 0 14px 12px; max-width: calc(100% - 12px); min-width: 0; padding: var(--pipeline-editor-pad); width: min(calc(100% - 12px), calc(var(--pipeline-card-lane-max) + (var(--pipeline-editor-pad) * 2))); } .pipeline-editor > .editor-head { align-items: flex-start; flex-direction: column; gap: 6px; justify-content: flex-start; text-align: left; } .pipeline-editor > .editor-head > div:first-child { min-width: 0; text-align: left; } .pipeline-editor > .editor-head .eyebrow { margin: 0 0 4px; text-align: left; } .pipeline-editor > .editor-head h3 { text-align: left; } .pipeline-editor > .editor-head-actions { justify-content: flex-start; } .pipeline-editor-grid { align-items: start; justify-content: center; justify-items: stretch; grid-template-columns: minmax(min(100%,var(--pipeline-card-lane-min)),var(--pipeline-card-lane-max)); } .pipeline-editor-card { box-sizing: border-box; justify-self: stretch; max-width: var(--pipeline-card-lane-max); width: 100%; } .pipeline-editor .pipeline-editor-card[open],.pipeline-editor .pipeline-notes-card[open] { align-content: start; display: grid; row-gap: 10px; } .pipeline-editor .pipeline-editor-card > .editor-section-summary,.pipeline-editor .pipeline-notes-card > .editor-section-summary { margin-bottom: 0; } .pipeline-editor .pipeline-editor-card label,.pipeline-editor .pipeline-notes-card label { gap: 4px; line-height: 1.15; margin-bottom: 0; } .pipeline-editor .compact-fields { align-content: start; gap: 10px; } .pipeline-status-grid { align-content: start; gap: 8px; grid-template-columns: 1fr 1fr; } .pipeline-status-grid .status-choice { justify-content: center; min-height: 34px; padding-bottom: 6px; padding-top: 6px; } .pipeline-comp-card { align-content: start; display: grid; gap: 10px; } .pipeline-comp-card h4 + h4 { margin-top: 2px; } .pipeline-comp-grid,.pipeline-radio-grid { align-content: start; display: grid; gap: 10px; grid-template-columns: 1fr 1fr; } .pipeline-editor .pipeline-radio-grid .radio-line { margin-bottom: 0 !important; min-height: 34px; padding-bottom: 6px !important; padding-top: 6px !important; } .pipeline-notes-card { grid-column: auto; justify-self: stretch; max-width: var(--pipeline-card-lane-max); width: 100%; } .pipeline-editor-actions { grid-column: 1 / -1; } @container pipeline-expanded (min-width: 880px) { .pipeline-editor { width: calc((var(--pipeline-card-lane-max) * 2) + var(--pipeline-editor-gap) + (var(--pipeline-editor-pad) * 2)); } .pipeline-editor-grid { grid-template-columns: repeat(2,minmax(var(--pipeline-card-lane-min),var(--pipeline-card-lane-max))); } } .funded-main { align-content: start; display: grid; gap: 14px; min-width: 0; } .workspace.funded-workspace .funded-main { overflow: hidden; } .workspace.funded-workspace .table-wrap { max-width: 100%; min-width: 0; width: 100%; } .funded-header-toolbar { justify-content: flex-start; } .funded-header-toolbar .saved-view-select { min-width: 170px; } .funded-metrics { grid-template-columns: repeat(5,minmax(130px,1fr)); } .funded-toolbar { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; } .funded-filter-row { display: flex; flex-wrap: wrap; gap: 7px; justify-content: flex-start; } .funded-filter-row .btn { font-size: 12px; min-height: 36px; padding: 8px 11px; } .funded-retread-button { background: color-mix(in srgb, var(--primary) 86%, #182238) !important; border: 1px solid color-mix(in srgb, var(--accent) 46%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 7px color-mix(in srgb, var(--primary) 24%, transparent) !important; color: #ffc347 !important; font-weight: 850 !important; } .funded-retread-button:hover, .funded-retread-button:focus-visible { background: color-mix(in srgb, var(--primary) 78%, #24365d) !important; border-color: color-mix(in srgb, #ffc347 38%, var(--accent)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 2px color-mix(in srgb, #ffc347 18%, transparent) !important; outline: 0; } .funded-table { min-width: var(--funded-table-width, 980px); table-layout: fixed; } .funded-table th,.funded-table td { text-align: center; vertical-align: middle; } .funded-table th { position: relative; } .funded-table .funded-cell-borrower,.funded-table .funded-col-borrower { text-align: left; } .funded-table .funded-col-borrower .table-sort-btn,.funded-table .funded-col-borrower .table-header-label { justify-content: flex-start; text-align: left; } .funded-table .funded-cell-borrower { min-width: 190px; } .funded-table .funded-cell-borrower .meta { display: inline-block; margin-bottom: 0; } .funded-table .funded-cell-lender .lender-brand { justify-content: center; margin-left: 0; } .pipeline-workspace .pipeline-table th, .pipeline-workspace .pipeline-table td, .funded-table th, .funded-table td { box-sizing: border-box; font-size: 13px; overflow: hidden; padding: 9px 10px; text-overflow: ellipsis; vertical-align: middle; } .pipeline-workspace .pipeline-table th, .funded-table th { color: color-mix(in srgb, var(--ink) 76%, var(--muted)); font-size: 12px; font-weight: 650; letter-spacing: 0; position: relative; text-transform: none; } .pipeline-workspace .pipeline-table .table-header-label, .pipeline-workspace .pipeline-table .table-sort-btn, .funded-table .table-header-label, .funded-table .table-sort-btn { align-items: center; font-size: 12px; font-weight: 650; gap: 3px; letter-spacing: 0; line-height: 1.08; min-height: 36px; min-width: 0; overflow: visible; padding: 7px 13px 7px 8px; text-overflow: clip; text-transform: none; white-space: normal; } .pipeline-workspace .pipeline-table .table-sort-btn, .funded-table .table-sort-btn { position: relative; } .pipeline-workspace .pipeline-table .table-sort-btn > span:first-child, .funded-table .table-sort-btn > span:first-child { min-width: 0; overflow: visible; overflow-wrap: normal; text-overflow: clip; white-space: normal; } .pipeline-workspace .pipeline-table .sort-arrows, .funded-table .sort-arrows { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); } .pipeline-workspace .pipeline-table tbody tr:not(.pipeline-expanded-row), .funded-table tbody tr:not(.funded-expanded-row) { min-height: 74px; } .pipeline-workspace .pipeline-table tbody tr:not(.pipeline-expanded-row) > td, .funded-table tbody tr:not(.funded-expanded-row) > td { height: 72px; } .pipeline-workspace .pipeline-table tbody tr.selected, .pipeline-workspace .pipeline-table tbody tr.selected > td { background: var(--paper); } .pipeline-workspace .pipeline-table .status, .funded-table .status { align-items: center; border: 1px solid color-mix(in srgb, var(--ink) 8%, transparent); border-radius: 8px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); box-sizing: border-box; color: #101820 !important; display: inline-flex; font-size: 12px; font-weight: 400 !important; justify-content: center; line-height: 1.05; max-width: 100%; min-height: 24px; min-width: 0; overflow: hidden; padding: 6px 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .pipeline-workspace .pipeline-table td.pipeline-cell-pipeStatus .status, .funded-table td.funded-cell-retentionStatus .status { width: 100%; } .pipeline-workspace .pipeline-table .borrower-name-line, .funded-table .borrower-name-line { display: block; font-size: 13.5px; line-height: 1.14; margin-bottom: 2px; } .pipeline-workspace .pipeline-table .borrower-name-line strong, .funded-table .borrower-name-line strong { color: color-mix(in srgb, var(--accent) 72%, var(--ink)); font-weight: 650; } .pipeline-workspace .pipeline-table .borrower-subline, .funded-table .borrower-subline { display: block; font-size: 13px; font-weight: 400; line-height: 1.2; text-align: left; } .pipeline-workspace .pipeline-table .pipeline-cell-borrower .meta, .funded-table .funded-cell-borrower .meta { margin-bottom: 0; } .pipeline-table .pipeline-select-col, .pipeline-table .pipeline-select-cell, .funded-table .funded-select-col, .funded-table .funded-select-cell { padding-left: 0; padding-right: 0; text-align: center; } .pipeline-table .pipeline-select-cell input, .funded-table .funded-select-cell input { display: inline-block; height: 14px; margin: 0 auto; width: 14px; } .pipeline-select-col, .funded-select-col { width: 52px; } .pipeline-select-cell, .funded-select-cell { cursor: pointer; text-align: center; } .pipeline-select-cell input, .funded-select-cell input, .table-select-all-checkbox { cursor: pointer; height: 14px; width: 14px; } .table-select-all-checkbox { display: inline-block; margin: 0 auto; vertical-align: middle; } .column-resize-handle { bottom: 7px; cursor: col-resize; position: absolute; right: 0; top: 7px; width: 8px; z-index: 5; } .column-resize-handle::after { background: color-mix(in srgb, var(--line) 72%, transparent); border-radius: 999px; content: ""; display: block; height: 100%; margin-left: 3px; width: 2px; } .column-resize-handle:hover::after { background: var(--accent); } .is-resizing-column { cursor: col-resize; user-select: none; } .funded-expanded-row td { background: color-mix(in srgb, var(--accent) 5%, var(--paper)); padding: 0; } .funded-expanded { display: grid; gap: 12px; grid-template-columns: repeat(4,minmax(210px,1fr)); padding: 14px; text-align: left; } .workspace.funded-workspace .funded-expanded { box-sizing: border-box; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); left: 0; max-width: calc(100vw - 540px); position: sticky; width: calc(100vw - 540px); } .funded-expanded-grid { display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); } .funded-expanded-grid span { background: color-mix(in srgb, var(--soft) 70%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 78%, transparent); border-radius: 7px; color: var(--muted); display: grid; font-size: 11px; font-weight: 900; gap: 3px; padding: 8px; text-transform: uppercase; } .funded-expanded-grid strong { color: var(--ink); font-size: 13px; text-transform: none; } .funded-action-row,.funded-contact-row,.funded-tag-row { display: flex; flex-wrap: wrap; gap: 8px; } .funded-notes p { color: var(--muted); font-size: 13px; line-height: 1.45; margin-bottom: 10px; } html[data-theme="dark"] body .funded-expanded-row td { background: color-mix(in srgb, var(--lead-dark-surface) 94%, #07111b) !important; } html[data-theme="dark"] body .funded-expanded .editor-section { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: var(--lead-dark-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .funded-expanded .editor-section :is(h3,.section-intro,.meta,p) { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .funded-expanded .editor-section .eyebrow { color: #bfe0f7 !important; } html[data-theme="dark"] body .funded-expanded .funded-notes p, html[data-theme="dark"] body .funded-expanded .editor-section .meta { color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .funded-expanded .inline-link { color: #42b8ff !important; } html[data-theme="dark"] body .funded-expanded-grid span, html[data-theme="dark"] body .funded-expanded .source-pill, html[data-theme="dark"] body .funded-expanded .btn.ghost { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--lead-dark-border) 86%, transparent) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .funded-expanded-grid strong { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .funded-expanded .btn.ghost:is(:hover,:focus) { background: color-mix(in srgb, var(--accent) 18%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, var(--accent) 52%, var(--lead-dark-border)) !important; } .funded-panel { align-content: start; } .workspace.funded-workspace .funded-panel { min-width: 0; overflow: hidden; padding: 14px; } .funded-panel-metrics { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; margin-top: 14px; } .funded-panel-metrics div { background: color-mix(in srgb, var(--soft) 72%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; padding: 10px; } .funded-panel-metrics span { color: var(--muted); display: block; font-size: 10px; font-weight: 950; letter-spacing: .06em; margin-bottom: 4px; text-transform: uppercase; } .funded-panel-metrics strong { color: var(--ink); display: block; font-size: 17px; line-height: 1.1; } .funded-review-date { color: var(--ink); font-size: 22px; font-weight: 900; margin-bottom: 6px; } .funded-panel-action-grid { grid-template-columns: 1fr; } .funded-panel-action-grid .btn { width: 100%; } .funded-comp-grid { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; } .funded-comp-grid label { color: var(--muted); display: grid; font-size: 11px; font-weight: 950; gap: 5px; letter-spacing: .04em; text-transform: uppercase; } .is-live-updating { color: color-mix(in srgb, var(--accent) 76%, var(--ink)) !important; } .empty-state-cell { color: var(--muted); font-weight: 800; padding: 28px !important; text-align: center !important; } .alert-pill { background:#fff8df; border:1px solid #f0d785; border-radius:999px; color:#6a4a00; display:inline-block; font-size:12px; font-weight:750; margin:4px 4px 0 0; padding:6px 9px; } .column-list { display:grid; gap:6px; grid-template-columns:1fr 1fr; max-height:250px; overflow:auto; } .column-toggle { align-items:center; border:1px solid var(--line); cursor:pointer; display:flex; font-size:12px; font-weight: 400; gap:7px; min-height: 44px; transition: background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease; } .lead-column-list { max-height: none; overflow: visible; } .visible-columns-section { border-top: 1px solid var(--line); margin-top: 14px; padding-top: 14px; } .setup-section-toggle { align-items: center; background: transparent; border: 0; color: var(--ink); cursor: pointer; display: flex; gap: 8px; justify-content: space-between; margin: 0 0 8px; padding: 0; text-align: left; width: 100%; } .setup-section-toggle .control-framed-label { font-weight: 400; } .setup-section-toggle .collapse-icon { margin-left: auto; } .visible-columns-section:not(.is-open) .visible-columns-toggle { margin-bottom: 0; } .saved-views-section:not(.is-open) .saved-views-toggle, .lead-filters-section:not(.is-open) .lead-filters-toggle { margin-bottom: 0; } .lead-column-list .column-order-row { cursor: pointer; display: flex; min-width: 0; } .filter-panel { max-height: calc(100vh - 146px); overflow: auto; } .filter-grid { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; } .lead-filters-section > .filter-grid { margin-top: 8px; } .filter-section { border-top: 1px solid var(--line); margin-top: 14px; padding-top: 14px; } .filter-section-first { border-top: 0; margin-top: 12px; padding-top: 0; } .filter-section h3 { font-size: 13px; font-weight: 700; letter-spacing: 0; margin-bottom: 8px; text-transform: none; } .collapsible-filter { padding-top: 10px; } .filter-section-toggle { align-items:center; background: #f6f9fb; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); cursor: pointer; display:flex; font-size:12px; font-weight:700; justify-content:space-between; min-height:38px; padding:9px 10px; text-align:left; text-transform:none; width:100%; } [data-theme="dark"] .filter-section-toggle { background:#101a24; } .collapse-icon { align-items: center; background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line)); border-radius: 999px; display: inline-flex; flex: 0 0 24px; height: 24px; justify-content: center; transition: background .16s ease,border-color .16s ease,transform .16s ease; width: 24px; } .collapse-icon::before { border: solid var(--accent); border-width: 0 2px 2px 0; content: ""; display: inline-block; height: 6px; margin-top: -2px; transform: rotate(45deg); transition: transform .16s ease; width: 6px; } .collapsible-filter.is-open .collapse-icon::before { margin-top: 2px; transform: rotate(-135deg); } .filter-section-toggle:hover .collapse-icon { background: color-mix(in srgb, var(--accent) 17%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); } .collapsible-filter .filter-list { margin-top: 8px; } .filter-family-section { background: color-mix(in srgb, var(--soft) 38%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 92%, transparent); border-radius: 8px; grid-column: 1 / -1; padding: 9px; } .filter-family-toggle { align-items: center; background: transparent; border: 0; color: var(--ink); cursor: pointer; display: flex; gap: 8px; justify-content: space-between; min-height: 34px; padding: 0; text-align: left; width: 100%; } .filter-family-toggle > span:first-child { display: grid; gap: 1px; min-width: 0; } .filter-family-toggle strong { font-size: 12px; font-weight: 500; letter-spacing: 0; } .filter-family-toggle small { color: var(--muted); font-size: 11px; font-weight: 400; line-height: 1.25; } .filter-family-toggle em { align-items: center; background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line)); border-radius: 999px; color: var(--accent); display: inline-flex; flex: 0 0 auto; font-size: 11px; font-style: normal; font-weight: 500; height: 22px; justify-content: center; min-width: 22px; padding: 0 6px; } .filter-family-body { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; margin-top: 8px; } .filter-family-body > .filter-section { border-top: 0; margin-top: 0; padding-top: 0; } .filter-family-section.has-direct-filter-list .filter-list { margin-top: 8px; } .filter-family-section.filterFamilyIntake .lead-source-filter-list, .filter-family-section.filterFamilyWorkflow .workflow-status-filter-list { grid-template-columns: repeat(2,minmax(0,1fr)); } [data-theme="dark"] .filter-family-section { background: #101a24; } .saved-view-grid { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; } .saved-view-card { background: #f6f9fb; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); cursor: pointer; display: grid; gap: 3px; min-height: 62px; padding: 10px; text-align: left; } [data-theme="dark"] .saved-view-card { background: #101a24; } .saved-view-card.selected-setting { border-color: color-mix(in srgb, var(--accent) 70%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 70%, var(--line)); } .saved-view-card strong { font-size: 13px; font-weight: 700; } .saved-view-card span { color: var(--muted); font-size: 12px; line-height: 1.35; } .filter-list { display: grid; gap: 6px; } .filter-check { --filter-chip-bg: color-mix(in srgb, var(--accent) 10%, var(--paper)); --filter-chip-border: color-mix(in srgb, var(--accent) 36%, var(--line)); --filter-chip-text: var(--ink); align-items: center; background: color-mix(in srgb, var(--soft) 84%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 82%, var(--soft)); border-radius: 7px; color: color-mix(in srgb, var(--muted) 88%, var(--ink)); cursor: pointer; display: flex; font-size: 12px; font-weight: 400; gap: 7px; justify-content: flex-start; min-height: 36px; padding: 8px 10px; text-align: left; transition: background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease; width: 100%; } .filter-check span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .filter-check.is-selected { background: var(--filter-chip-bg); border-color: var(--filter-chip-border); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--filter-chip-border) 46%, transparent); color: var(--filter-chip-text); font-weight: 500; } .filter-check:hover,.filter-check:focus,.column-toggle:hover,.column-toggle:focus-within { border-color: color-mix(in srgb, var(--accent) 44%, var(--line)); color: var(--ink); outline: 0; } .filter-check .filter-chip-label { align-items: center; display: inline-flex; gap: 7px; min-width: 0; width: 100%; } .filter-check .filter-chip-label > span:first-child { min-width: 0; } .source-filter-mark { align-items: center; border-radius: 999px; display: inline-flex; flex: 0 0 auto; font-size: 12px; font-weight: 700; height: 18px; justify-content: center; line-height: 1; opacity: .54; width: 18px; } .source-filter-mark img { display: block; height: 15px; object-fit: contain; width: 15px; } .zillow-source-mark { background: #fff; border: 1px solid color-mix(in srgb, #006aff 24%, var(--line)); } .facebook-source-mark { background: #eef4ff; border: 1px solid color-mix(in srgb, #1877f2 32%, var(--line)); color: #1877f2; font-family: Arial, sans-serif; } .filter-check.is-selected .source-filter-mark { opacity: 1; } [data-theme="dark"] .filter-check { background: #101a24; } [data-theme="dark"] .filter-check.is-selected { background: color-mix(in srgb, var(--filter-chip-bg) 88%, #101a24); } .filter-tone-source-self-gen,.source-tone-source-self-gen { --filter-chip-bg: color-mix(in srgb, #f5c452 18%, var(--paper)); --filter-chip-border: color-mix(in srgb, #d8a12b 44%, var(--line)); --source-pill-accent: #d8a12b; } .filter-tone-source-leadmailbox,.source-tone-source-leadmailbox { --filter-chip-bg: color-mix(in srgb, #5aa2d9 13%, var(--paper)); --filter-chip-border: color-mix(in srgb, #2f83bf 38%, var(--line)); --source-pill-accent: #2f83bf; } .filter-tone-source-realtor,.source-tone-source-realtor { --filter-chip-bg: color-mix(in srgb, #77c47f 15%, var(--paper)); --filter-chip-border: color-mix(in srgb, #439f50 40%, var(--line)); --source-pill-accent: #439f50; } .filter-tone-source-zillow,.source-tone-source-zillow { --filter-chip-bg: color-mix(in srgb, #006aff 12%, var(--paper)); --filter-chip-border: color-mix(in srgb, #006aff 42%, var(--line)); --source-pill-accent: #006aff; } .filter-tone-source-facebook,.source-tone-source-facebook { --filter-chip-bg: color-mix(in srgb, #1877f2 12%, var(--paper)); --filter-chip-border: color-mix(in srgb, #1877f2 40%, var(--line)); --source-pill-accent: #1877f2; } .filter-tone-source-referral,.source-tone-source-referral { --filter-chip-bg: color-mix(in srgb, #5ec7c1 14%, var(--paper)); --filter-chip-border: color-mix(in srgb, #279994 38%, var(--line)); --source-pill-accent: #279994; } .filter-tone-source-website,.source-tone-source-website { --filter-chip-bg: color-mix(in srgb, #7ca7ff 13%, var(--paper)); --filter-chip-border: color-mix(in srgb, #5279d8 38%, var(--line)); --source-pill-accent: #5279d8; } .filter-tone-source-past-client,.source-tone-source-past-client { --filter-chip-bg: color-mix(in srgb, #c9a66b 16%, var(--paper)); --filter-chip-border: color-mix(in srgb, #a67d3f 38%, var(--line)); --source-pill-accent: #a67d3f; } .filter-tone-source-builder,.source-tone-source-builder { --filter-chip-bg: color-mix(in srgb, #9b8bd3 14%, var(--paper)); --filter-chip-border: color-mix(in srgb, #7564b8 38%, var(--line)); --source-pill-accent: #7564b8; } .filter-tone-source-investor-list,.source-tone-source-investor-list { --filter-chip-bg: color-mix(in srgb, #75b58b 14%, var(--paper)); --filter-chip-border: color-mix(in srgb, #4f9365 38%, var(--line)); --source-pill-accent: #4f9365; } .filter-tone-source-cold-outreach,.source-tone-source-cold-outreach { --filter-chip-bg: color-mix(in srgb, #8ba0b8 14%, var(--paper)); --filter-chip-border: color-mix(in srgb, #65788e 38%, var(--line)); --source-pill-accent: #65788e; } .filter-tone-source-maroon,.source-tone-source-maroon { --filter-chip-bg: color-mix(in srgb, #7f2430 13%, var(--paper)); --filter-chip-border: color-mix(in srgb, #7f2430 42%, var(--line)); --source-pill-accent: #7f2430; } .filter-tone-source-topaz,.source-tone-source-topaz { --filter-chip-bg: color-mix(in srgb, #ffc35a 20%, var(--paper)); --filter-chip-border: color-mix(in srgb, #d99719 44%, var(--line)); --source-pill-accent: #d99719; } .filter-tone-source-emerald,.source-tone-source-emerald { --filter-chip-bg: color-mix(in srgb, #2bb673 16%, var(--paper)); --filter-chip-border: color-mix(in srgb, #168b55 40%, var(--line)); --source-pill-accent: #168b55; } .filter-tone-source-yellow,.source-tone-source-yellow { --filter-chip-bg: color-mix(in srgb, #ffe071 24%, var(--paper)); --filter-chip-border: color-mix(in srgb, #d6ad19 42%, var(--line)); --source-pill-accent: #d6ad19; } .filter-tone-source-black,.source-tone-source-black { --filter-chip-bg: color-mix(in srgb, #1f2937 10%, var(--paper)); --filter-chip-border: color-mix(in srgb, #1f2937 34%, var(--line)); --source-pill-accent: #1f2937; } .filter-tone-source-magenta,.source-tone-source-magenta { --filter-chip-bg: color-mix(in srgb, #f233a6 14%, var(--paper)); --filter-chip-border: color-mix(in srgb, #d91f8d 42%, var(--line)); --source-pill-accent: #d91f8d; } .filter-tone-source-blue,.source-tone-source-blue { --filter-chip-bg: color-mix(in srgb, #42a5f5 14%, var(--paper)); --filter-chip-border: color-mix(in srgb, #1671b7 40%, var(--line)); --source-pill-accent: #1671b7; } .filter-tone-source-teal,.source-tone-source-teal { --filter-chip-bg: color-mix(in srgb, #26b6b1 15%, var(--paper)); --filter-chip-border: color-mix(in srgb, #0f8e89 40%, var(--line)); --source-pill-accent: #0f8e89; } .filter-tone-source-orange,.source-tone-source-orange { --filter-chip-bg: color-mix(in srgb, #f39b45 16%, var(--paper)); --filter-chip-border: color-mix(in srgb, #cc7622 40%, var(--line)); --source-pill-accent: #cc7622; } .filter-tone-source-sapphire,.source-tone-source-sapphire { --filter-chip-bg: color-mix(in srgb, #2458a6 13%, var(--paper)); --filter-chip-border: color-mix(in srgb, #2458a6 40%, var(--line)); --source-pill-accent: #2458a6; } .filter-tone-source-brown,.source-tone-source-brown { --filter-chip-bg: color-mix(in srgb, #8a5a3b 13%, var(--paper)); --filter-chip-border: color-mix(in srgb, #8a5a3b 38%, var(--line)); --source-pill-accent: #8a5a3b; } .filter-tone-source-amethyst,.source-tone-source-amethyst { --filter-chip-bg: color-mix(in srgb, #8a63c7 15%, var(--paper)); --filter-chip-border: color-mix(in srgb, #6d49a6 40%, var(--line)); --source-pill-accent: #6d49a6; } .filter-tone-source-opal,.source-tone-source-opal { --filter-chip-bg: color-mix(in srgb, #9fded8 20%, var(--paper)); --filter-chip-border: color-mix(in srgb, #5eb9b1 42%, var(--line)); --source-pill-accent: #5eb9b1; } .filter-tone-source-ruby,.source-tone-source-ruby { --filter-chip-bg: color-mix(in srgb, #d43f61 14%, var(--paper)); --filter-chip-border: color-mix(in srgb, #b52545 42%, var(--line)); --source-pill-accent: #b52545; } .filter-tone-status-hot { --filter-chip-bg: #fff2cb; --filter-chip-border: color-mix(in srgb, #d9a900 45%, var(--line)); --filter-chip-text: #755000; } .filter-tone-status-needs-review { --filter-chip-bg: #fff8df; --filter-chip-border: color-mix(in srgb, #e3bd56 48%, var(--line)); --filter-chip-text: #7a5200; } .filter-tone-status-quote-ready,.filter-tone-status-green { --filter-chip-bg: #e3f4ea; --filter-chip-border: color-mix(in srgb, #5fbf83 44%, var(--line)); --filter-chip-text: #0d5f2f; } .filter-tone-status-sent,.filter-tone-status-blue { --filter-chip-bg: #e6edf8; --filter-chip-border: color-mix(in srgb, #719bd0 44%, var(--line)); --filter-chip-text: #234f8f; } .filter-tone-status-working { --filter-chip-bg: #e8f2ff; --filter-chip-border: color-mix(in srgb, #7aaee4 42%, var(--line)); --filter-chip-text: #244b75; } .filter-tone-status-app-taken { --filter-chip-bg: #eef1ff; --filter-chip-border: color-mix(in srgb, #929fe0 42%, var(--line)); --filter-chip-text: #344082; } .filter-tone-status-appointment { --filter-chip-bg: #e8f7f0; --filter-chip-border: color-mix(in srgb, #6fbea0 44%, var(--line)); --filter-chip-text: #0f6140; } .filter-tone-status-seasoning { --filter-chip-bg: #f6efdf; --filter-chip-border: color-mix(in srgb, #caa65f 42%, var(--line)); --filter-chip-text: #735220; } .filter-tone-status-long-term { --filter-chip-bg: #eef3e8; --filter-chip-border: color-mix(in srgb, #92ad72 42%, var(--line)); --filter-chip-text: #405d2c; } .filter-tone-status-credit-repair { --filter-chip-bg: #f1eafd; --filter-chip-border: color-mix(in srgb, #b193d9 42%, var(--line)); --filter-chip-text: #594078; } .filter-tone-status-not-interested { --filter-chip-bg: #f4edf0; --filter-chip-border: color-mix(in srgb, #c795a5 42%, var(--line)); --filter-chip-text: #6f3b4b; } .filter-tone-status-not-eligible { --filter-chip-bg: #f1f2f4; --filter-chip-border: color-mix(in srgb, #a6adb7 42%, var(--line)); --filter-chip-text: #4d5662; } @media (max-width: 640px) { .filter-grid, .filter-family-body, .saved-view-grid { grid-template-columns: 1fr; } } .source-pill { --source-pill-accent: var(--brand-gold); background: color-mix(in srgb, var(--brand-gold) 16%, var(--paper)); border: 1px solid color-mix(in srgb, var(--brand-gold) 34%, var(--line)); border-radius: 999px; color: var(--ink); display: inline-block; font-size: 12px; font-weight: 800; padding: 5px 8px; } .source-pill[class*="source-tone-source-"] { background: color-mix(in srgb, var(--source-pill-accent) 7%, var(--paper)); border-color: color-mix(in srgb, var(--source-pill-accent) 26%, var(--line)); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--source-pill-accent) 84%, transparent); color: color-mix(in srgb, var(--ink) 88%, var(--source-pill-accent)); font-weight: 500; padding-left: 11px; } .lead-table-source-pill.source-pill { align-items: center; border-radius: 8px; box-sizing: border-box; display: inline-flex; font-size: 12px; justify-content: center; line-height: 1; max-width: 118px; min-height: 29px; min-width: 72px; overflow: hidden; padding: 6px 10px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .lead-table-source-pill.source-pill[class*="source-tone-source-"] { justify-content: flex-start; padding-left: 12px; } .eligibility-mode-pill,.eligibility-investor-pill { background: color-mix(in srgb, var(--paper) 82%, var(--accent)); border-color: color-mix(in srgb, var(--accent) 22%, var(--line)); color: color-mix(in srgb, var(--muted) 82%, var(--ink)); font-size: 11px; font-weight: 400; line-height: 1; padding: 4px 7px; } .eligibility-investor-pill { background: color-mix(in srgb, var(--primary) 7%, var(--paper)); border-color: color-mix(in srgb, var(--primary) 20%, var(--line)); } .eligibility-snapshot-card.is-deterministic .eligibility-mode-pill { background: color-mix(in srgb, var(--primary) 8%, var(--paper)); border-color: color-mix(in srgb, var(--primary) 24%, var(--line)); color: color-mix(in srgb, var(--primary) 68%, var(--muted)); } .expanded-row td { background: color-mix(in srgb, var(--accent) 5%, var(--paper)); overflow: visible; padding: 0; white-space: normal; } .lead-expanded-workspace-frame { background: color-mix(in srgb, var(--window-bg-raised) 24%, var(--paper)); border: 1px solid color-mix(in srgb, var(--window-border) 92%, var(--accent)); border-radius: 8px; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--paper) 72%, transparent); box-sizing: border-box; display: grid; gap: 10px; margin: 10px auto 14px; max-width: calc(100% - 24px); min-width: 0; overflow: visible; padding: 10px; width: calc(100% - 24px); } .lead-expanded-workspace-frame > .lead-editor { max-width: 100%; padding: 0; width: 100%; } .workspace.has-side-panel .expanded-row .lead-expanded-workspace-frame, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame { background: transparent; border-color: transparent; box-shadow: none; min-height: var(--lead-expanded-side-reserve-height, 0); } .lead-inline-detail-stack { --lead-pane-lower-tool-width: 386px; background: color-mix(in srgb, var(--window-bg-raised) 24%, var(--paper)); border: 1px solid color-mix(in srgb, var(--window-border) 92%, var(--accent)); border-radius: 8px; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--paper) 72%, transparent); box-sizing: border-box; display: grid; gap: 10px; min-width: 0; padding: 10px; width: 100%; } .lead-inline-detail-stack > .lead-expanded-workspace-frame { background: transparent; border: 0; border-radius: 0; box-shadow: none; margin: 0; padding: 0; width: 100%; } .lead-inline-detail-stack > .lead-expanded-workspace-frame > .lead-editor { justify-self: center; max-width: min(100%, var(--lead-pane-lower-tool-width)); width: min(100%, var(--lead-pane-lower-tool-width)); } .workspace.has-side-panel .lead-expanded-workspace-frame > .lead-editor, .workspace.has-lead-rail .lead-expanded-workspace-frame > .lead-editor, .workspace.no-side-panel .lead-expanded-workspace-frame > .lead-editor, .workspace.has-inline-lead-panel .expanded-row .lead-expanded-workspace-frame > .lead-editor { max-width: 100%; padding: 0; padding-left: 0; padding-right: 0; width: 100%; } .workspace.has-inline-lead-panel .expanded-row .lead-expanded-workspace-frame { margin-left: auto; margin-right: auto; max-width: var(--skinny-inline-row-width); width: min(100%, var(--skinny-inline-row-width)); } @media (min-width: 981px) and (pointer: fine) { .workspace.has-expanded-inline-lead-panel { background: var(--paper); gap: 14px; grid-template-columns: minmax(0,1fr); padding: 12px 18px 22px 22px; } .workspace.has-expanded-inline-lead-panel > .lead-table-region { grid-column: 1; min-width: 0; overflow: visible; } .workspace.has-expanded-inline-lead-panel .table-wrap { max-width: 100%; min-width: 0; overflow: visible; width: 100%; } .workspace.has-expanded-inline-lead-panel .lead-inline-detail-block { background: color-mix(in srgb, var(--accent) 5%, var(--paper)); border-top: 1px solid color-mix(in srgb, var(--line) 90%, var(--accent)); box-sizing: border-box; display: block; margin: 0; overflow: visible; padding: 10px 12px 14px; width: 100%; } .workspace.has-expanded-inline-lead-panel .lead-inline-detail-stack { align-items: start; background: transparent; border: 0; border-radius: 0; box-shadow: none; box-sizing: border-box; display: grid; gap: 12px; grid-template-columns: minmax(0,1fr); margin: 0; max-width: none; min-width: 0; padding: 10px; width: 100%; } .workspace.has-expanded-inline-lead-panel .lead-inline-detail-stack > .lead-expanded-workspace-frame { background: transparent; border-color: transparent; box-shadow: none; margin: 0; max-width: none; min-height: 0; min-width: 0; width: 100%; } .workspace.has-expanded-inline-lead-panel .lead-inline-detail-stack > .lead-expanded-workspace-frame > .lead-editor { justify-self: stretch; max-width: 100%; width: 100%; } .workspace.has-expanded-inline-lead-panel .lead-inline-detail-stack > .selected-lead-panel { box-sizing: border-box; justify-self: center; max-height: none; max-width: min(430px,100%); min-width: 0; overflow: visible; position: static; top: auto; transform: none; width: 100%; } } @media (min-width: 1460px) and (pointer: fine) { .workspace.has-expanded-inline-lead-panel .lead-inline-detail-stack.is-expanded-selected-inline { grid-template-columns: minmax(0,1fr) minmax(360px,384px); } .workspace.has-expanded-inline-lead-panel .lead-inline-detail-stack.is-expanded-selected-inline > .selected-lead-panel { justify-self: stretch; max-width: 384px; max-height: calc(100vh - var(--lead-sticky-header-height, 0px) - 24px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; position: sticky; top: calc(var(--lead-sticky-header-height, 0px) + 12px); } } .lead-editor { box-sizing: border-box; cursor: default; min-width: 0; padding: 14px; position: relative; width: 100%; } .workspace.has-side-panel .lead-editor { max-width: 100%; } .workspace.has-lead-rail .lead-editor { box-sizing: border-box; max-width: min(100%, calc(100vw - 338px)); padding-right: 7px; } .workspace.no-side-panel .lead-editor { max-width: calc(100vw - 254px); } .editor-head { align-items: center; display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 4px; min-height: 30px; } .editor-head h3 { font-size: 18px; margin-bottom: 0; } .editor-head-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; } .sync-pill { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); border-radius: 999px; color: var(--muted); display: inline-flex; font-size: 12px; font-weight: 800; padding: 5px 8px; } .sync-pill.is-saved { background: color-mix(in srgb, var(--green) 14%, var(--paper)); border-color: color-mix(in srgb, var(--green) 36%, var(--line)); color: color-mix(in srgb, var(--green) 72%, var(--ink)); } .editor-summary { background: color-mix(in srgb, var(--primary) 5%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 8px; grid-template-columns: repeat(auto-fit,minmax(126px,1fr)); margin-bottom: 12px; padding: 10px; } .editor-summary span { color: var(--muted); font-size: 12px; font-weight: 750; } .editor-summary strong { color: var(--ink); display: block; font-size: 14px; margin-top: 2px; } .lead-editor .eyebrow { color: color-mix(in srgb, var(--accent) 78%, var(--ink)); } .editor-grid { align-items: start; display: grid; gap: 12px; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); } .lead-editor-grid { --lead-editor-card-min: 300px; --lead-card-header-label-top: 6px; --lead-card-header-action-right: 0px; --lead-card-header-action-top: 10px; --lead-card-header-pill-height: 37px; grid-auto-flow: dense; grid-auto-rows: 8px; grid-template-columns: repeat(auto-fit,minmax(min(100%,var(--lead-editor-card-min)),1fr)); } .workspace.has-side-panel .lead-editor-grid { --lead-editor-card-min: 300px; } .lead-editor-grid.is-measured-one-lane { grid-template-columns: minmax(0,1fr) !important; } .lead-editor-grid.is-measured-two-lane { --lead-editor-card-min: 0; grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .lead-editor-grid.is-measured-three-lane { --lead-editor-card-min: 0; grid-template-columns: repeat(3,minmax(0,1fr)) !important; } .lead-editor-grid.is-lean-single-lane { grid-template-columns: minmax(0,1fr) !important; } .lead-editor-grid.is-lean-single-lane > [data-lead-editor-card] { grid-column: 1 !important; } .lead-editor-grid.has-mortgage-compare { --lead-editor-compare-lane-max: 474px; --lead-editor-compare-context-lane-max: 474px; --lead-editor-compare-grid-max: 956px; } .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) { --lead-editor-card-min: 0; grid-template-columns: repeat(2,minmax(0,var(--lead-editor-compare-lane-max))) !important; justify-content: center; } .lead-editor-grid.has-mortgage-compare.is-measured-three-lane:not(.is-lean-single-lane) { --lead-editor-card-min: 0; grid-template-columns: minmax(0,var(--lead-editor-compare-context-lane-max)) repeat(2,minmax(0,var(--lead-editor-compare-lane-max))) !important; justify-content: center; } .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="borrower"], .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="property"], .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="notesLog"], .lead-editor-grid.has-mortgage-compare.is-measured-three-lane:not(.is-lean-single-lane) > [data-lead-editor-card="borrower"], .lead-editor-grid.has-mortgage-compare.is-measured-three-lane:not(.is-lean-single-lane) > [data-lead-editor-card="property"], .lead-editor-grid.has-mortgage-compare.is-measured-three-lane:not(.is-lean-single-lane) > [data-lead-editor-card="notesLog"] { grid-column: 1 !important; } .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"] { grid-column: 1 / -1 !important; } .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"] { grid-column: 2 !important; } .lead-editor-grid.has-mortgage-compare.is-measured-three-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"] { grid-column: 2 !important; } .lead-editor-grid.has-mortgage-compare.is-measured-three-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"] { grid-column: 1 / -1 !important; } @media (min-width: 981px) { .workspace.has-side-panel .lead-editor { padding: 18px; } .workspace.has-side-panel .lead-editor-grid { gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); } .workspace.has-side-panel .lead-editor-lane { gap: 8px; } .workspace.has-side-panel .lead-editor-grid > [data-lead-editor-card="borrower"], .workspace.has-side-panel .lead-editor-grid > [data-lead-editor-card="property"], .workspace.has-side-panel .lead-editor-grid > [data-lead-editor-card="notesLog"] { grid-column: 1; } .workspace.has-side-panel .lead-editor-grid > [data-lead-editor-card="loanScenario"] { grid-column: 2; } .workspace.has-side-panel .lead-editor-grid > [data-lead-editor-card="pricing"] { grid-column: 1; } } @media (min-width: 1181px) and (max-width: 1500px) { .workspace.has-side-panel { gap: 12px; grid-template-columns: minmax(0,1fr); padding-right: 14px; } .workspace.has-side-panel .selected-lead-panel { padding: 9px 7px 10px 10px; } .workspace.has-side-panel .lead-editor { max-width: 100%; padding: 16px; } .workspace.has-side-panel .lead-editor-grid:not(.is-measured-two-lane):not(.is-measured-three-lane) { grid-template-columns: minmax(0,1fr); } .workspace.has-side-panel .lead-editor-grid:not(.is-measured-two-lane):not(.is-measured-three-lane) > [data-lead-editor-card] { grid-column: 1; } } @media (min-width: 981px) and (max-width: 1280px) { .app-header { padding: 16px 24px 14px; } .app-header-main { flex-direction: column; gap: 10px; position: relative; width: 100%; } .view-tools { width: 100%; } .header-lead-toolbar { --lead-mid-action-height: 42px; display: grid; gap: 8px; grid-template-columns: repeat(4,minmax(0,1fr)); padding-right: 0; width: 100%; } .header-lead-toolbar .lead-search-input, .header-lead-toolbar .saved-view-select { min-width: 0; width: 100%; } .header-lead-toolbar .lead-search-input { grid-column: 1 / 3; grid-row: 1; } .header-lead-toolbar .saved-view-select { grid-column: 1 / 3; grid-row: 2; } .header-lead-toolbar .lead-import-shortcut { grid-column: 3 / 5; grid-row: 2; } .header-lead-toolbar .quote-ready-shortcut { grid-column: 1 / 3; grid-row: 3; } .header-lead-toolbar [data-action="toggle-lead-filters"] { grid-column: 3 / 5; grid-row: 3; } .header-lead-toolbar [data-action="delete-selected-lead"] { grid-column: 1 / 3; grid-row: 4; } .header-lead-toolbar .lead-import-shortcut, .header-lead-toolbar [data-action="delete-selected-lead"], .header-lead-toolbar .quote-ready-shortcut, .header-lead-toolbar [data-action="toggle-lead-filters"] { min-width: 0; padding-left: 8px; padding-right: 8px; width: 100%; } .lead-layout-lock-button { position: absolute; right: 0; top: 0; transform: none; width: 94px; } .app-header-main:has(.lead-layout-lock-button) { gap: 9px; grid-template-rows: 42px auto; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar { display: grid; gap: 8px; grid-template-columns: repeat(4,minmax(0,1fr)); padding-right: 0; width: 100%; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .lead-search-input { grid-column: 1 / 3; grid-row: 1; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .saved-view-select { grid-column: 1 / 3; grid-row: 2; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .lead-import-shortcut { grid-column: 3 / 5; grid-row: 2; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .quote-ready-shortcut { grid-column: 1 / 3; grid-row: 3; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar [data-action="toggle-lead-filters"] { grid-column: 3 / 5; grid-row: 3; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar [data-action="delete-selected-lead"] { grid-column: 1 / 3; grid-row: 4; } } @media (min-width: 981px) and (max-width: 2100px) { .workspace.has-lead-rail .lead-editor { padding: 12px; } .workspace.has-lead-rail .lead-editor-grid { gap: 5px; grid-template-columns: repeat(2,minmax(0,1fr)); } .workspace.has-lead-rail .lead-editor-lane { gap: 5px; } .workspace.has-lead-rail .lead-editor-grid > [data-lead-editor-card="borrower"], .workspace.has-lead-rail .lead-editor-grid > [data-lead-editor-card="property"], .workspace.has-lead-rail .lead-editor-grid > [data-lead-editor-card="notesLog"] { grid-column: 1; } .workspace.has-lead-rail .lead-editor-grid > [data-lead-editor-card="loanScenario"] { grid-column: 2; } .workspace.has-lead-rail .lead-editor-grid > [data-lead-editor-card="pricing"] { grid-column: 1; } } @media (min-width: 981px) and (max-width: 1500px) { .workspace.has-lead-rail .lead-editor-grid.has-mortgage-compare:not(.is-lean-single-lane), .workspace.has-side-panel .lead-editor-grid.has-mortgage-compare:not(.is-lean-single-lane), .workspace.no-side-panel .lead-editor-grid.has-mortgage-compare:not(.is-lean-single-lane) { --lead-editor-card-min: 0; grid-template-columns: repeat(2,minmax(0,var(--lead-editor-compare-lane-max))) !important; justify-content: center; } .workspace.has-lead-rail .lead-editor-grid.has-mortgage-compare:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"], .workspace.has-side-panel .lead-editor-grid.has-mortgage-compare:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"], .workspace.no-side-panel .lead-editor-grid.has-mortgage-compare:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"] { grid-column: 1 / -1 !important; } } @media (min-width: 1501px) { .workspace.has-side-panel .lead-editor-grid.has-mortgage-compare.is-measured-three-lane, .workspace.has-lead-rail .lead-editor-grid.has-mortgage-compare.is-measured-three-lane, .workspace.no-side-panel .lead-editor-grid.has-mortgage-compare.is-measured-three-lane { --lead-editor-card-min: 0; grid-template-columns: minmax(0,var(--lead-editor-compare-context-lane-max)) repeat(2,minmax(0,var(--lead-editor-compare-lane-max))) !important; justify-content: center; } .lead-editor-grid.has-mortgage-compare.is-measured-three-lane > [data-lead-editor-card="borrower"], .lead-editor-grid.has-mortgage-compare.is-measured-three-lane > [data-lead-editor-card="property"], .lead-editor-grid.has-mortgage-compare.is-measured-three-lane > [data-lead-editor-card="loanScenario"], .lead-editor-grid.has-mortgage-compare.is-measured-three-lane > [data-lead-editor-card="notesLog"] { grid-column: 1 !important; } .lead-editor-grid.has-mortgage-compare.is-measured-three-lane > [data-lead-editor-card="pricing"] { grid-column: 2 / -1 !important; } } .lead-editor-grid.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"], .lead-editor-grid.has-piggyback-collapsed-compare.is-measured-three-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"] { grid-column: 1 !important; } .lead-editor-grid.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot, .lead-editor-grid.has-piggyback-collapsed-compare.is-measured-three-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot { grid-column: 2 !important; } .lead-editor-grid.is-grid-drop-target { outline: 2px dashed color-mix(in srgb, var(--accent) 48%, var(--line)); outline-offset: 4px; } .lead-editor-grid > [data-lead-editor-card] { align-self: start; box-sizing: border-box; cursor: default; min-width: 0; overflow: visible; position: relative; width: 100%; } .workspace.has-lead-rail .lead-editor-grid.is-measured-two-lane:not(.is-lean-single-lane), .workspace.no-side-panel .lead-editor-grid.is-measured-two-lane:not(.is-lean-single-lane) { --lead-editor-card-min: 0; grid-template-columns: repeat(2,minmax(0,var(--lead-editor-compare-lane-max,510px))) !important; justify-content: center !important; } .lead-top-collapsible-card,.lead-scenario-fields { container-type: inline-size; } .lead-editor-grid.is-layout-unlocked > [data-lead-editor-card] { min-height: 90px; resize: none; } @media (pointer: fine) { .lead-editor-grid.is-layout-unlocked > [data-lead-editor-card] { cursor: grab; } .lead-editor-grid.is-layout-unlocked > [data-lead-editor-card]:active { cursor: grabbing; } } .lead-editor-grid.is-layout-locked > [data-lead-editor-card] { resize: none; } .lead-editor-grid > [data-lead-editor-card].is-dragging { opacity: .56; } .lead-editor-grid > [data-lead-editor-card].is-drop-target { outline: 2px solid color-mix(in srgb, var(--accent) 68%, var(--line)); outline-offset: 3px; } .lead-editor-grid input,.lead-editor-grid select,.lead-editor-grid textarea,.lead-editor-grid button,.lead-editor-grid a { cursor: auto; } .lead-editor-grid input,.lead-editor-grid select,.lead-editor-grid textarea,.lead-editor-grid button,.lead-editor-grid a,.lead-editor-grid label { touch-action: auto; } .lead-editor-lane { align-content: start; display: grid; gap: 6px; min-width: 0; overflow: visible; } .lead-editor-lane > .editor-section { box-sizing: border-box; overflow: visible; width: 100%; } .lead-editor-grid .editor-section { padding-top: 14px; } .lead-editor-grid .editor-section > .editor-section-summary { align-items: flex-start; margin-bottom: 15px; margin-top: -6px; min-height: 40px; } .lead-editor-grid .editor-section > .editor-section-summary > span:first-child { align-items: center; background: var(--label-tab-bg); border: 1px solid var(--label-tab-border); border-radius: 7px; box-shadow: 0 1px 0 color-mix(in srgb, #fff 54%, transparent); color: color-mix(in srgb, var(--ink) 88%, var(--muted)); display: inline-flex; font-size: 14px; font-weight: 600; gap: 8px; letter-spacing: 0; line-height: 1; min-height: 28px; padding: 6px 10px 6px 8px; position: relative; text-transform: none; top: calc(var(--lead-card-header-label-top) - 3px); } .lead-editor-grid .editor-section > .editor-section-summary > span:first-child { grid-column: 1; grid-row: 1; justify-self: start; } .lead-editor-grid .editor-section > .editor-section-summary > span:first-child::before { background: var(--label-tab-accent); border-radius: 999px; content: ""; display: inline-block; flex: 0 0 auto; height: 18px; width: var(--section-label-accent-width); } .lead-editor-lane.pricing-lane { align-self: start; } .notes-log-lane { align-items: stretch; grid-template-columns: minmax(0,1fr); width: 100%; } .notes-log-lane .notes-box, .notes-log-lane .update-log-box { grid-column: auto; width: 100%; } .notes-log-lane .notes-box textarea { min-height: 260px; } .lead-editor-grid .notes-log-lane .notes-box > .editor-section-summary { display: grid; gap: 8px; grid-template-columns: max-content minmax(0,1fr) auto; width: 100%; } .lead-editor-grid .notes-log-lane .notes-box .lead-editor-notes-preview { align-items: center; align-self: start; background: color-mix(in srgb, var(--paper) 86%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 7px; color: var(--ink); display: inline-flex; font-family: inherit; font-size: 12px; font-weight: 700; line-height: 1.25; max-width: none; min-height: 32px; overflow: hidden; padding: 6px 9px; text-overflow: ellipsis; white-space: nowrap; } .lead-editor-grid .notes-log-lane .notes-box[open] .lead-editor-notes-preview { display: none; } .editor-contact .two-inputs { grid-template-columns: repeat(2,minmax(0,1fr)); } .borrower-name-row { margin-bottom: 9px; } .borrower-name-row label { margin-bottom: 0; min-width: 0; } .notes-update-row { align-items: stretch; display: grid; gap: 12px; grid-template-columns: minmax(0,1fr); width: 100%; } .lead-card-drag-handle { align-items: center; background: color-mix(in srgb, var(--paper) 86%, var(--accent) 8%); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--accent) 84%, var(--ink)); cursor: grab; display: none; flex: 0 0 auto; height: 26px; justify-content: center; width: 26px; } .lead-card-drag-handle svg { display: block; fill: currentColor; height: 14px; pointer-events: none; width: 14px; } .lead-editor-grid.is-layout-unlocked .lead-card-drag-handle { display: inline-flex; } .lead-card-drag-handle:active { cursor: grabbing; } .editor-section-summary .lead-card-drag-handle { margin-left: auto; margin-right: 0; } .editor-stack { align-content: start; display: grid; gap: 12px; min-width: 0; } .editor-section { background: var(--window-bg); border: 1px solid var(--window-border); border-radius: 8px; padding: 12px; } .workspace.has-side-panel .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .editor-section, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .editor-section { border-color: color-mix(in srgb, var(--ink) 24%, var(--window-border)); } .editor-section h4 { font-size: 13px; letter-spacing: .04em; margin-bottom: 10px; text-transform: uppercase; } .collapsible-editor-card { overflow: clip; } .collapsible-editor-card[open] { overflow: visible; } @keyframes lead-shortcut-window-in { from { opacity: .35; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .lead-editor-grid .is-shortcut-toggle-target { transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease; } .lead-editor-grid .is-shortcut-toggle-target[open] > .editor-section-body, .lead-editor-grid .is-shortcut-toggle-target[open] > .lead-scenario-body { animation: lead-shortcut-window-in .16s ease-out; } .editor-section-summary { align-items: center; cursor: pointer; display: flex; gap: 10px; justify-content: space-between; list-style: none; margin: -2px 0 10px; min-height: 28px; } .lead-editor-grid .editor-section-summary { cursor: default; } .editor-section-summary::-webkit-details-marker { display: none; } .editor-section-summary::after { align-items: center; background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line)); border-radius: 999px; color: var(--accent); content: ""; display: inline-flex; flex: 0 0 24px; height: 24px; justify-content: center; margin-left: auto; transition: background .16s ease,border-color .16s ease,transform .16s ease; width: 24px; } .editor-section-summary::before { border: solid var(--accent); border-width: 0 2px 2px 0; content: ""; display: block; height: 6px; order: 2; position: absolute; right: 8px; top: 8px; transform: rotate(45deg); transition: transform .16s ease; width: 6px; z-index: 1; } .editor-section-summary { position: relative; } .lead-editor-grid .editor-section-summary::before,.lead-editor-grid .editor-section-summary::after { content: none; display: none; } .lead-editor-grid .lead-top-collapsible-card > .editor-section-summary { cursor: pointer; } .lead-editor-grid .lead-top-collapsible-card > .editor-section-summary { align-items: start; display: grid; gap: 8px; grid-template-columns: max-content minmax(150px,1fr) max-content; } .lead-editor-grid .lead-top-collapsible-card:not([open]), .lead-editor-grid .lead-scenario-fields:not([open]) { padding-bottom: 9px; padding-top: 10px; } .lead-editor-grid .lead-top-collapsible-card:not([open]) > .editor-section-summary, .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary { margin-bottom: 0; margin-top: -2px; min-height: calc(var(--lead-card-header-pill-height) + 2px); } .lead-summary-middle { align-items: center; background: var(--window-bg-raised); border: 1px solid var(--window-border); border-radius: 6px; box-shadow: none; color: var(--ink); display: none; font-size: 13px; font-weight: 400; height: calc(var(--lead-card-header-pill-height) - 2px); justify-content: center; line-height: 1; max-width: none; min-width: 0; overflow: hidden; padding: 7px 10px; position: static; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .lead-top-collapsible-card .lead-summary-middle { align-self: start; margin-top: calc(var(--lead-card-header-label-top) - 3px); } .lead-top-collapsible-card .borrower-collapsed-name { font-size: 14px; font-weight: 400; } .lead-top-collapsible-card:not([open]) .lead-summary-middle { display: inline-flex; grid-column: 2; } .lead-top-collapsible-card[open] .lead-summary-middle { display: block; visibility: hidden; } .lead-top-collapsible-card .workflow-source-pill,.lead-top-collapsible-card .workflow-phone-pill,.lead-top-collapsible-card .property-summary-links { grid-column: 3; justify-self: end; } .lead-editor-grid .lead-top-collapsible-card .workflow-source-pill,.lead-editor-grid .lead-top-collapsible-card .workflow-phone-pill,.lead-editor-grid .lead-top-collapsible-card .property-summary-links { position: static; right: auto; top: auto; } .lead-top-collapsible-card:not([open]) > .editor-section-summary { margin-bottom: 0; } .lead-editor-grid .notes-log-lane .notes-box > .editor-section-summary, .lead-editor-grid .notes-log-lane .update-log-box > .editor-section-summary { cursor: pointer; } .collapsible-editor-card[open] > .editor-section-summary::before { top: 11px; transform: rotate(-135deg); } .editor-section-summary:hover::after { background: color-mix(in srgb, var(--accent) 17%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); } .editor-section-summary span { color: color-mix(in srgb, var(--ink) 82%, var(--muted)); font-size: 12px; font-weight: 820; letter-spacing: 0; text-transform: none; } .editor-section-summary small { color: var(--muted); font-size: 11px; font-weight: 800; max-width: 58%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .workflow-summary { align-items: center; gap: 8px; width: 100%; } .lead-editor-grid .lead-top-collapsible-card > .workflow-summary { grid-template-columns: max-content minmax(150px,1fr) minmax(136px,148px) minmax(0,.45fr) max-content; } .lead-editor-grid .workflow-summary .lead-summary-middle { max-width: none; width: 100%; } .workflow-source-pill,.workflow-phone-pill { align-items: center; display: inline-flex; justify-content: center; letter-spacing: 0; line-height: 1; margin-left: auto; max-width: none; min-height: var(--lead-card-header-pill-height); min-width: 136px; overflow: hidden; padding: 7px 10px; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } .workflow-phone-pill { background: var(--paper); border: 1px solid var(--line); border-radius: 6px; color: color-mix(in srgb, var(--accent) 78%, var(--ink)); cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 600; text-decoration: none; } .workflow-phone-pill:hover,.workflow-phone-pill:focus { border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); outline: 0; text-decoration: none; } .workflow-phone-pill.is-empty { background: color-mix(in srgb, var(--soft) 76%, var(--paper)); border-color: color-mix(in srgb, var(--muted) 18%, var(--line)); color: color-mix(in srgb, var(--muted) 66%, var(--ink)); cursor: default; } .lead-editor-grid .workflow-source-pill,.lead-editor-grid .workflow-phone-pill { grid-column: 3; height: calc(var(--lead-card-header-pill-height) - 2px); justify-self: stretch; margin-top: calc(var(--lead-card-header-label-top) - 3px); min-height: calc(var(--lead-card-header-pill-height) - 2px); position: static; right: auto; top: auto; width: 100%; } .lead-editor-grid .editor-contact.lead-top-collapsible-card[open] .workflow-phone-pill { display: none; } .lead-editor-grid .workflow-summary .lead-card-drag-handle { grid-column: 5; justify-self: end; margin-top: calc(var(--lead-card-header-label-top) - 1px); } .workflow-summary .lead-card-drag-handle { margin-left: 2px; } .collapsible-editor-card:not([open]) .editor-section-summary { margin-bottom: -2px; } .lead-editor-grid .lead-top-collapsible-card:not([open]) > .editor-section-summary, .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary { margin-bottom: 0; } .editor-section-body { display: grid; gap: 0; } .editor-section label { color: var(--muted); display: grid; font-size: 12px; font-weight: 400; gap: 5px; margin-bottom: 9px; } .editor-contact .editor-section-body label { font-weight: 650; } .editor-contact .editor-section-body input { font-weight: 400; } .lead-scenario-fields .lead-scenario-body label { font-weight: 650; } .lead-scenario-fields .lead-scenario-body input, .lead-scenario-fields .lead-scenario-body select, .lead-scenario-fields .lead-scenario-body textarea { font-weight: 400; } .lead-scenario-fields .scenario-field-occupancy .custom-choice-menu strong, .lead-scenario-fields .scenario-field-purpose .custom-choice-menu strong, .lead-scenario-fields .scenario-field-occupancy .quick-choice-options button, .lead-scenario-fields .scenario-field-purpose .quick-choice-options button, .lead-scenario-fields .scenario-field-occupancy .quick-choice-options button.active, .lead-scenario-fields .scenario-field-purpose .quick-choice-options button.active { font-weight: 400; } .scenario-pill-toggle { background: color-mix(in srgb, var(--accent) 6%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--muted) 86%, var(--ink)); cursor: pointer; flex: 0 0 auto; font-family: inherit; font-size: 10px; font-weight: 950; letter-spacing: .03em; margin-left: auto; min-height: 24px; padding: 5px 9px; text-transform: uppercase; } .scenario-pill-toggle.active { background: var(--theme-control-active-bg); border-color: var(--theme-control-active-border); color: var(--theme-control-active-text); box-shadow: 0 1px 4px color-mix(in srgb, var(--theme-control-active-bg) 24%, transparent); } .scenario-pill-toggle:focus { outline: 2px solid var(--theme-focus-ring); outline-offset: 2px; } .scenario-summary-actions { align-items: center; display: inline-flex; flex: 0 0 auto; gap: 6px; margin-left: auto; } .scenario-summary-actions .scenario-pill-toggle { margin-left: 0; } .scenario-reprice-anchor { align-items: center; display: inline-flex; justify-content: center; min-height: calc(var(--lead-card-header-pill-height) - 2px); min-width: 78px; pointer-events: none; } .scenario-reprice-anchor:empty { visibility: hidden; } .scenario-reprice-anchor .scenario-reprice-button { pointer-events: auto; } .scenario-reprice-button { align-items: center; background: color-mix(in srgb, var(--red) 10%, transparent); border: 1px solid color-mix(in srgb, var(--red) 46%, var(--line)); border-radius: 8px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); color: color-mix(in srgb, var(--red) 82%, #4b0b12); cursor: pointer; display: inline-flex; flex: 0 0 auto; font-family: inherit; font-size: 11px; font-weight: 950; justify-content: center; letter-spacing: 0; line-height: 1; min-height: 29px; min-width: 70px; padding: 6px 11px; text-transform: none; white-space: nowrap; } .scenario-reprice-button:hover,.scenario-reprice-button:focus { background: color-mix(in srgb, var(--red) 16%, var(--paper)); border-color: color-mix(in srgb, var(--red) 68%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 16%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); color: color-mix(in srgb, var(--red) 90%, #32060c); outline: 0; } .scenario-reprice-button.is-reprice-working, .scenario-reprice-button:disabled { background: color-mix(in srgb, var(--blue) 14%, var(--paper)); border-color: color-mix(in srgb, var(--blue) 48%, var(--line)); color: color-mix(in srgb, var(--blue) 84%, var(--ink)); cursor: wait; opacity: 1; } .rate-term-second-toggle-row { align-items: stretch; display: grid; gap: 6px; grid-column: 1; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 0; min-width: 0; } .scenario-field-title-row { align-items: center; display: flex; gap: 6px; justify-content: space-between; min-width: 0; width: 100%; } .scenario-balance-input-wrap { display: block; position: relative; width: 100%; } .scenario-balance-input-wrap > input { width: 100%; } .scenario-balance-input-wrap.has-inline-toggle > input { padding-right: 92px; } .scenario-balance-inline-toggle { align-items: center; background: color-mix(in srgb, var(--paper) 88%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 86%, var(--accent)); border-radius: 999px; color: color-mix(in srgb, var(--muted) 82%, var(--ink)); cursor: pointer; display: inline-flex; flex: 0 0 auto; font-size: 10px; font-weight: 850; gap: 4px; line-height: 1; min-height: 18px; padding: 2px 7px; position: relative; text-transform: none; white-space: nowrap; } .scenario-balance-input-wrap .scenario-balance-inline-toggle { align-items: center; appearance: none; background: color-mix(in srgb, var(--paper) 94%, var(--accent)); border: 1px solid color-mix(in srgb, var(--accent) 52%, var(--line)); border-radius: 999px; box-sizing: border-box; color: color-mix(in srgb, var(--accent) 78%, var(--ink)); cursor: pointer; display: inline-flex; font-size: 10px; font-weight: 900; height: 24px; justify-content: center; letter-spacing: 0; min-height: 24px; min-width: 72px; padding: 2px 10px; position: absolute; right: 7px; top: 50%; transform: translateY(-50%); transition: background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease; z-index: 1; } .scenario-balance-input-wrap .scenario-balance-inline-toggle input[type="hidden"] { display: none; } .scenario-balance-input-wrap .scenario-balance-inline-toggle input[type="checkbox"] { height: 1px; inline-size: 1px; margin: -1px; opacity: 0; overflow: hidden; position: absolute; width: 1px; } .scenario-balance-input-wrap .scenario-balance-inline-toggle span { line-height: 1; pointer-events: none; } .scenario-balance-inline-toggle::before { background: var(--paper); border: 1px solid color-mix(in srgb, var(--brand-gold) 62%, var(--line)); border-radius: 4px; content: ""; display: block; flex: 0 0 auto; height: 12px; width: 12px; } .scenario-balance-inline-toggle > span { align-items: center; display: inline-flex; line-height: 1; position: relative; z-index: 1; } .scenario-balance-inline-toggle input[type="hidden"] { display: none; } .scenario-balance-inline-toggle input[type="checkbox"] { cursor: pointer; height: 100%; inset: 0; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 2; } .scenario-balance-inline-toggle.is-on,.scenario-balance-inline-toggle:has(input[type="checkbox"]:checked) { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); box-shadow: inset 2px 0 0 color-mix(in srgb, var(--accent) 68%, transparent); color: color-mix(in srgb, var(--accent) 78%, var(--ink)); } .scenario-balance-input-wrap .scenario-balance-inline-toggle.is-on,.scenario-balance-input-wrap .scenario-balance-inline-toggle:has(input[type="checkbox"]:checked) { background: #0077ff; border-color: #0077ff; box-shadow: 0 5px 12px rgba(0,119,255,.22); color: #fff; } .scenario-balance-inline-toggle.is-on::before,.scenario-balance-inline-toggle:has(input[type="checkbox"]:checked)::before { background: var(--accent); border-color: color-mix(in srgb, var(--accent) 68%, var(--brand-gold)); box-shadow: inset 0 0 0 2px var(--paper); } .scenario-balance-input-wrap .scenario-balance-inline-toggle::before,.scenario-balance-input-wrap .scenario-balance-inline-toggle.is-on::before,.scenario-balance-input-wrap .scenario-balance-inline-toggle:has(input[type="checkbox"]:checked)::before { content: none; display: none; } .scenario-balance-inline-toggle:hover,.scenario-balance-inline-toggle:focus-within { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); outline: 0; } .scenario-balance-input-wrap .scenario-balance-inline-toggle:hover,.scenario-balance-input-wrap .scenario-balance-inline-toggle:focus-within { border-color: #0077ff; box-shadow: 0 0 0 2px rgba(0,119,255,.14); outline: 0; } .scenario-balance-inline-toggle.is-required-missing,.scenario-balance-input-wrap .scenario-balance-inline-toggle.is-required-missing { background: color-mix(in srgb, var(--red) 6%, var(--paper)); border-color: color-mix(in srgb, var(--red) 62%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 12%, transparent); color: color-mix(in srgb, var(--red) 62%, var(--ink)); } .scenario-balance-inline-toggle.is-required-missing::before { border-color: color-mix(in srgb, var(--red) 62%, var(--line)); } .scenario-balance-inline-toggle.is-required-missing input[type="checkbox"] { accent-color: var(--red); } .scenario-balance-inline-toggle.is-required-missing:hover,.scenario-balance-inline-toggle.is-required-missing:focus-within,.scenario-balance-input-wrap .scenario-balance-inline-toggle.is-required-missing:hover,.scenario-balance-input-wrap .scenario-balance-inline-toggle.is-required-missing:focus-within { border-color: color-mix(in srgb, var(--red) 70%, var(--line)); } .scenario-mini-toggle { align-items: center; appearance: none; background: color-mix(in srgb, var(--paper) 94%, var(--accent)); border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--accent) 78%, var(--ink)); cursor: pointer; display: inline-flex !important; font-size: 10px !important; font-weight: 900 !important; gap: 0 !important; justify-content: center; letter-spacing: 0; margin-bottom: 0; min-height: 30px; min-width: 0; padding: 4px 10px; text-align: center; transition: background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease; white-space: nowrap; width: 100%; } .scenario-mini-toggle input[type="hidden"] { display: none; } .scenario-mini-toggle input[type="checkbox"] { height: 1px; inline-size: 1px; margin: -1px; opacity: 0; overflow: hidden; position: absolute; width: 1px; } .scenario-mini-toggle span { min-width: 0; overflow: hidden; text-overflow: ellipsis; } .scenario-mini-toggle.is-on,.scenario-mini-toggle:has(input[type="checkbox"]:checked) { background: #0077ff; border-color: #0077ff; box-shadow: 0 5px 12px rgba(0,119,255,.22); color: #fff; } .rate-term-second-toggle-row.is-single-choice { grid-template-columns: minmax(0,1fr); } .scenario-mini-toggle.is-required-missing { background: color-mix(in srgb, var(--red) 6%, var(--paper)); border-color: color-mix(in srgb, var(--red) 62%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 12%, transparent); color: color-mix(in srgb, var(--red) 62%, var(--ink)); } .scenario-mini-toggle.is-required-missing input[type="checkbox"] { accent-color: var(--red); } .scenario-mini-toggle:hover,.scenario-mini-toggle:focus-within { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); outline: 0; } .va-eligibility-toggle { align-items: center; background: transparent; border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--primary) 68%, var(--ink)); cursor: pointer; display: inline-flex; flex: 0 0 auto; font-family: inherit; justify-content: center; min-height: 29px; min-width: 48px; padding: 5px 12px; transition: background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease; } .va-eligibility-toggle .va-logo-mark { color: inherit; font-size: 12px; font-weight: 650; letter-spacing: .05em; line-height: 1; position: relative; text-transform: uppercase; top: 0; } .va-eligibility-toggle.active { background: var(--va-active-bg); border-color: var(--va-active-border); color: var(--va-active-text); box-shadow: 0 1px 5px color-mix(in srgb, var(--va-active-bg) 34%, transparent); } .fha-streamline-toggle.active { background: #143368; border-color: #143368; color: #fff; box-shadow: 0 1px 5px color-mix(in srgb, #143368 34%, transparent); } .va-eligibility-toggle:disabled { background: color-mix(in srgb, var(--soft) 76%, var(--paper)); border-color: color-mix(in srgb, var(--muted) 14%, var(--line)); color: color-mix(in srgb, var(--muted) 54%, var(--paper)); cursor: not-allowed; opacity: .72; } .va-eligibility-toggle:focus { outline: 2px solid var(--theme-focus-ring); outline-offset: 2px; } .piggyback-bubble { align-items: center; background: color-mix(in srgb, var(--paper) 88%, var(--soft)); border: 1px solid color-mix(in srgb, var(--muted) 24%, var(--line)); border-radius: 9px; color: color-mix(in srgb, var(--ink) 72%, var(--muted)); cursor: pointer; display: inline-flex; flex: 0 0 auto; font-family: inherit; font-size: 11px; font-weight: 500; height: var(--lead-card-header-pill-height); justify-content: center; letter-spacing: 0; line-height: 1; min-height: var(--lead-card-header-pill-height); min-width: 98px; padding: 6px 11px 7px; text-transform: none; transition: background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease; white-space: nowrap; } .piggyback-bubble.is-on { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 44%, var(--line)); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent); color: color-mix(in srgb, var(--ink) 86%, var(--accent)); } .piggyback-bubble:hover,.piggyback-bubble:focus { background: color-mix(in srgb, var(--accent) 9%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); outline: 0; transform: translateY(-1px); } .piggyback-bubble:disabled { background: color-mix(in srgb, var(--soft) 76%, var(--paper)); border-color: color-mix(in srgb, var(--muted) 14%, var(--line)); color: color-mix(in srgb, var(--muted) 54%, var(--paper)); cursor: not-allowed; opacity: .72; transform: none; } .piggyback-bubble.is-compact { font-size: 10px; min-width: 46px; padding-left: 8px; padding-right: 8px; width: 46px; } .lead-piggyback-control-slot { align-self: start; box-sizing: border-box; grid-column: 2; grid-row: auto; min-width: 0; order: 2; overflow: visible; width: 100%; } .lead-piggyback-control-card { align-items: center; background: var(--window-bg); border: 1px solid color-mix(in srgb, var(--ink) 20%, var(--window-border)); border-radius: 8px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 42%, transparent); box-sizing: border-box; display: flex; justify-content: flex-end; min-height: 50px; padding: 7px 12px; width: 100%; } .lead-piggyback-control-card .piggyback-bubble.lead-piggyback-control-button { background: var(--paper); border-color: var(--line); box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent); color: var(--ink); flex: 0 0 62px; font-size: 11px; font-weight: 650; height: 35px; min-height: 35px; min-width: 62px; padding-left: 9px; padding-right: 9px; width: 62px; } .lead-piggyback-control-card .piggyback-bubble.lead-piggyback-control-button:is(.is-on,[aria-pressed="true"]) { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 44%, var(--line)); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent); color: color-mix(in srgb, var(--ink) 86%, var(--accent)); } .lead-piggyback-control-card .piggyback-bubble.lead-piggyback-control-button:hover, .lead-piggyback-control-card .piggyback-bubble.lead-piggyback-control-button:focus { background: color-mix(in srgb, var(--accent) 9%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent); } .lead-piggyback-second-prompt { margin-top: 0; padding: 6px 9px !important; width: 100%; } .lead-piggyback-second-prompt:not([open]) > .mini-rate-snapshot-head { min-height: 36px !important; } .lead-piggyback-second-prompt .mini-rate-snapshot-head > span:first-child { max-width: none; } .lead-piggyback-second-prompt .mini-snapshot-head-actions .piggyback-bubble.lead-piggyback-control-button { background: var(--paper); border-color: var(--line); box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent); color: var(--ink); flex: 0 0 52px; font-size: 10px; font-weight: 650; height: 35px; min-height: 35px; min-width: 52px; padding-left: 8px; padding-right: 8px; width: 52px; } .lead-piggyback-second-prompt .mini-snapshot-head-actions .piggyback-bubble.lead-piggyback-control-button:is(.is-on,[aria-pressed="true"]) { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 44%, var(--line)); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent); color: color-mix(in srgb, var(--ink) 86%, var(--accent)); } .lead-editor-grid.is-measured-one-lane > .lead-piggyback-control-slot, .lead-editor-grid.is-lean-single-lane > .lead-piggyback-control-slot { grid-column: 1 !important; } .workspace.has-side-panel .lead-editor-grid > .lead-piggyback-control-slot, .workspace.has-lead-rail .lead-editor-grid > .lead-piggyback-control-slot, .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot { grid-column: 2 !important; } .lead-editor-grid.is-measured-one-lane > .lead-piggyback-control-slot, .lead-editor-grid.is-lean-single-lane > .lead-piggyback-control-slot { grid-column: 1 !important; } .workspace.has-side-panel .lead-editor-grid:is(.is-measured-one-lane,.is-lean-single-lane) > .lead-piggyback-control-slot, .workspace.has-lead-rail .lead-editor-grid:is(.is-measured-one-lane,.is-lean-single-lane) > .lead-piggyback-control-slot, .workspace.no-side-panel .lead-editor-grid:is(.is-measured-one-lane,.is-lean-single-lane) > .lead-piggyback-control-slot, .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) > .lead-piggyback-control-slot { grid-column: 1 !important; } @media (min-width: 1501px) { .lead-editor-grid.has-mortgage-compare.is-measured-three-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot { grid-column: 1 !important; } } .lead-scenario-fields .editor-section-summary .lead-card-drag-handle { margin-left: 2px; } .lead-scenario-fields > .editor-section-summary { gap: 8px; } .lead-scenario-fields > .editor-section-summary > span:first-child { flex: 0 0 auto; white-space: nowrap; } .lead-editor-grid .lead-scenario-fields > .editor-section-summary { align-items: start; display: grid; gap: 8px 10px; grid-template-columns: max-content minmax(0,1fr) 48px max-content; min-height: 40px; } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary { grid-template-columns: max-content minmax(0,1fr) max-content max-content; row-gap: 10px; } .lead-editor-grid .lead-scenario-fields .scenario-reprice-anchor { grid-column: 2; grid-row: 1; justify-self: center; margin-top: calc(var(--lead-card-header-label-top) - 3px); } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions { flex-wrap: nowrap; grid-column: 3; grid-row: 1; justify-self: end; margin-top: calc(var(--lead-card-header-label-top) - 3px); max-width: 100%; position: static; right: auto; top: auto; width: 48px; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-two-actions { width: 104px; } .lead-scenario-fields .scenario-collapsed-value { align-self: start; display: none; grid-column: 2; grid-row: 1; margin: calc(var(--lead-card-header-label-top) - 3px) 0 0; min-width: 0; width: 100%; } .lead-scenario-fields:not([open]) .scenario-collapsed-value { display: block; } .lead-scenario-fields[open] .scenario-collapsed-value { display: none; } .lead-scenario-fields .scenario-collapsed-value input { font-size: 13px; font-weight: 850; min-height: calc(var(--lead-card-header-pill-height) - 2px); padding: 7px 10px; } .scenario-purpose-summary-select,.scenario-purpose-summary-choice-shell,.scenario-occupancy-summary-select { align-self: start; background: color-mix(in srgb, var(--paper) 94%, var(--accent) 3%); border: 1px solid color-mix(in srgb, var(--accent) 20%, var(--line)); border-radius: 7px; color: var(--ink); cursor: pointer; display: none; font-size: 13px; font-weight: 600; height: calc(var(--lead-card-header-pill-height) - 2px); line-height: 1; min-width: 0; overflow: visible; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .lead-scenario-fields:not([open]) .scenario-purpose-summary-select { display: block; } .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell { display: block; } .lead-scenario-fields:not([open]) .scenario-occupancy-summary-select { display: block; } .lead-scenario-fields[open] .scenario-purpose-summary-select { display: none; } .lead-scenario-fields[open] .scenario-purpose-summary-choice-shell { display: none; } .lead-scenario-fields[open] .scenario-occupancy-summary-select { display: none; } .scenario-purpose-summary-select:hover,.scenario-purpose-summary-select:focus,.scenario-purpose-summary-choice-shell:focus-within,.scenario-occupancy-summary-select:hover,.scenario-occupancy-summary-select:focus { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); outline: 0; } .scenario-collapsed-facts { align-self: start; display: none; gap: 5px 6px; grid-column: 2; grid-row: 1; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: calc(var(--lead-card-header-label-top) - 3px); min-width: 0; width: 100%; } .lead-scenario-fields:not([open]) .scenario-collapsed-facts { display: grid; } .lead-scenario-fields[open] .scenario-collapsed-facts { display: none; } .scenario-collapsed-fact { align-items: center; background: var(--paper); border: 1px solid var(--line); border-radius: 6px; box-sizing: border-box; color: var(--ink); display: grid; font-size: 13px; font-weight: 400; grid-template-columns: 48px minmax(0,1fr); line-height: 1; min-height: calc(var(--lead-card-header-pill-height) - 2px); min-width: 0; overflow: hidden; text-align: left; white-space: nowrap; } .scenario-collapsed-fact.is-missing { border-color: color-mix(in srgb, var(--red) 70%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 26%, transparent); } .scenario-collapsed-fact.is-missing > span { background: color-mix(in srgb, var(--red) 8%, var(--soft)); border-right-color: color-mix(in srgb, var(--red) 28%, var(--line)); color: color-mix(in srgb, var(--red) 72%, var(--muted)); } .scenario-collapsed-fact.is-wide { grid-column: 1 / -1; } .scenario-collapsed-fact > span { align-items: center; align-self: stretch; background: color-mix(in srgb, var(--accent) 7%, var(--paper)); border-right: 1px solid color-mix(in srgb, var(--accent) 17%, var(--line)); color: #071523; display: inline-flex; font-size: 10px; font-weight: 600; justify-content: center; min-width: 0; padding: 0 6px; text-transform: none; } .scenario-collapsed-fact[data-scenario-fact-field="loanAmount"] > span { flex-direction: column; gap: 1px; line-height: .95; text-align: center; white-space: normal; } .scenario-collapsed-fact > strong { color: var(--ink); font-size: 13px; font-weight: 400; min-width: 0; overflow: hidden; padding: 0 9px; text-overflow: ellipsis; white-space: nowrap; } .scenario-collapsed-fact > input { background: transparent; border: 0; color: var(--ink); font-family: inherit; font-size: 13px; font-weight: 400; height: 100%; line-height: 1; min-height: calc(var(--lead-card-header-pill-height) - 2px); min-width: 0; overflow: hidden; padding: 0 9px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .scenario-collapsed-fact > input:focus { outline: 0; } .scenario-collapsed-fact:focus-within { border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); outline: 0; } .scenario-collapsed-fact.scenario-ltv-safe > input, .scenario-collapsed-fact.scenario-ltv-safe > strong, .scenario-collapsed-fact.scenario-fico-safe > input, .scenario-collapsed-fact.scenario-fico-safe > strong { background: color-mix(in srgb, var(--green) 7%, var(--paper)); } .scenario-collapsed-fact.scenario-ltv-caution > input, .scenario-collapsed-fact.scenario-ltv-caution > strong, .scenario-collapsed-fact.scenario-fico-caution > input, .scenario-collapsed-fact.scenario-fico-caution > strong { background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)); } .scenario-collapsed-fact.scenario-ltv-alert > input, .scenario-collapsed-fact.scenario-ltv-alert > strong, .scenario-collapsed-fact.scenario-fico-alert > input, .scenario-collapsed-fact.scenario-fico-alert > strong { background: color-mix(in srgb, var(--red) 7%, var(--paper)); } .scenario-purpose-summary-wrap { display: none; grid-column: 2; grid-row: 1; grid-template-columns: minmax(0,1fr); margin-top: calc(var(--lead-card-header-label-top) - 3px); overflow: visible; width: 100%; } .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap { display: grid; } .lead-scenario-fields[open] .scenario-purpose-summary-wrap { display: none; } .scenario-purpose-summary-wrap .scenario-purpose-summary-select { background: transparent; border: 0; border-radius: 0; color: #071523; display: block; font-size: 14px; font-weight: 500; height: 100%; line-height: 1; min-height: calc(var(--lead-card-header-pill-height) - 2px); padding: 0 9px; text-align: center; text-align-last: center; width: 100%; } .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell { background: transparent; border: 0; border-radius: 0; display: block; height: 100%; } .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary { background: transparent; border: 0; border-radius: 0; grid-template-columns: minmax(0,1fr) 9px; height: 100%; min-height: calc(var(--lead-card-header-pill-height) - 2px); padding: 0 7px 0 9px; } .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong { color: #071523; font-size: 14px; font-weight: 500; line-height: 1; text-align: center; } .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .quick-choice-options { left: 0; min-width: 180px; right: 0; text-align: left; } .scenario-purpose-summary-wrap .scenario-purpose-summary-select:hover, .scenario-purpose-summary-wrap .scenario-purpose-summary-select:focus, .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell:focus-within { box-shadow: none; outline: 0; } .scenario-collapsed-va { align-items: stretch; display: flex; min-height: calc(var(--lead-card-header-pill-height) - 2px); min-width: 0; } .scenario-collapsed-va .va-eligibility-toggle { border-radius: 6px; height: auto; min-height: 100%; width: 100%; } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary { margin-bottom: 0; min-height: calc(var(--lead-card-header-pill-height) + 2px); } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts) { min-height: calc((var(--lead-card-header-pill-height) * 2) + 13px); } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-two-rows) { min-height: calc((var(--lead-card-header-pill-height) * 3) + 13px); } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-three-rows) { min-height: calc((var(--lead-card-header-pill-height) * 4) + 13px); } .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle { height: calc(var(--lead-card-header-pill-height) - 2px); min-height: calc(var(--lead-card-header-pill-height) - 2px); width: 48px; } .lead-editor-grid .scenario-summary-actions .piggyback-bubble { height: var(--lead-card-header-pill-height); min-height: var(--lead-card-header-pill-height); } .lead-editor-grid .lead-scenario-fields > .editor-section-summary > .lead-card-drag-handle { grid-column: 4; grid-row: 1; justify-self: end; margin-top: calc(var(--lead-card-header-label-top) - 1px); } .lead-editor-grid .lead-scenario-fields > .editor-section-summary > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start; } .lead-editor-grid .lead-scenario-fields > .editor-section-summary { cursor: default; } .lead-editor-grid .lead-scenario-fields [data-loan-scenario-summary-toggle] { cursor: pointer; } .lead-editor-grid .lead-scenario-fields .scenario-collapsed-value { grid-column: 2 !important; grid-row: 1 !important; } .lead-editor-grid .lead-scenario-fields .scenario-occupancy-summary-select { grid-column: 2; grid-row: 2; } .lead-editor-grid .lead-scenario-fields .scenario-purpose-summary-wrap { grid-column: 2; grid-row: 1; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-facts { grid-column: 1 / -1; grid-row: 2; margin-top: 0; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions { grid-column: 3; grid-row: 1; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions { display: inline-flex; } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > .lead-card-drag-handle { grid-column: 4; } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-reprice-button) { min-height: calc((var(--lead-card-header-pill-height) * 3) + 13px); } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-reprice-button) .scenario-purpose-summary-wrap, .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-reprice-button) .scenario-collapsed-value { grid-column: 1 / -1 !important; grid-row: 2 !important; } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-reprice-button) .scenario-collapsed-facts { grid-row: 3; } @media (min-width: 521px) and (max-width: 1280px) { .lead-editor-grid .lead-scenario-fields > .editor-section-summary { margin-bottom: 8px; min-height: 40px; } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary { margin-bottom: 0; min-height: calc(var(--lead-card-header-pill-height) + 2px); } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts) { min-height: calc((var(--lead-card-header-pill-height) * 2) + 13px); } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-two-rows) { min-height: calc((var(--lead-card-header-pill-height) * 3) + 13px); } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-three-rows) { min-height: calc((var(--lead-card-header-pill-height) * 4) + 13px); } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions { left: auto; right: auto; top: auto; } } @media (max-width: 520px) { .lead-scenario-fields .scenario-summary-actions { gap: 4px; } .lead-editor-grid { --lead-card-header-action-right: 3px; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions { right: auto; } .lead-editor-grid .lead-top-collapsible-card > .editor-section-summary { grid-template-columns: max-content minmax(76px,1fr) max-content; } .lead-editor-grid .lead-scenario-fields > .editor-section-summary { grid-template-columns: max-content minmax(76px,1fr) minmax(86px,108px) max-content; } .lead-summary-middle { font-size: 11px; padding-left: 8px; padding-right: 8px; } .lead-editor-grid .workflow-source-pill, .lead-editor-grid .workflow-phone-pill { font-size: 11px; height: 26px; min-height: 26px; min-width: 78px; padding: 0 7px 1px; right: var(--lead-card-header-action-right); width: 100%; } .lead-scenario-fields .va-eligibility-toggle { min-width: 38px; padding-left: 8px; padding-right: 8px; } .lead-scenario-fields .scenario-purpose-summary-wrap .scenario-purpose-summary-select, .lead-scenario-fields .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong { font-size: 12px; } .lead-scenario-fields .scenario-purpose-summary-wrap .scenario-purpose-summary-select { padding-left: 7px; padding-right: 7px; } .lead-scenario-fields .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary { padding-left: 7px; padding-right: 7px; } .lead-scenario-fields .piggyback-bubble { font-size: 10px; min-width: 80px; padding-left: 7px; padding-right: 7px; width: 80px; } .notes-log-lane .notes-box textarea[name="notes"] { min-height: 96px; overflow: hidden; resize: none; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields label:nth-of-type(1) { grid-column: 1; grid-row: 1; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields label:nth-of-type(2) { grid-column: 2; grid-row: 2; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields label:nth-of-type(3) { grid-column: 1; grid-row: 2; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields label:nth-of-type(4) { grid-column: 2; grid-row: 5; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields label:nth-of-type(5) { grid-column: 1; grid-row: 3; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields label:nth-of-type(6) { grid-column: 2; grid-row: 3; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields label:nth-of-type(7) { grid-column: 1; grid-row: 4; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields label:nth-of-type(8) { grid-column: 2; grid-row: 4; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields label:nth-of-type(9) { grid-column: 1; grid-row: 5; } } .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary { align-items: start; grid-template-columns: max-content minmax(0,1fr) 48px max-content; margin-bottom: 0 !important; min-height: 40px !important; row-gap: 0; } .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap, .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-collapsed-facts, .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-collapsed-value, .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-occupancy-summary-select { display: none !important; } @container (max-width: 380px) { .lead-editor-grid .lead-top-collapsible-card > .editor-section-summary { align-items: start; grid-template-columns: max-content minmax(0,1fr); row-gap: 6px; } .lead-top-collapsible-card[open] .lead-summary-middle { display: none; } .lead-top-collapsible-card .workflow-source-pill, .lead-top-collapsible-card .workflow-phone-pill, .lead-top-collapsible-card .property-summary-links { grid-column: 1 / -1; justify-self: stretch; max-width: none; min-width: 0; width: 100%; } .lead-top-collapsible-card .workflow-source-pill, .lead-top-collapsible-card .workflow-phone-pill { margin-left: 0; } .property-summary-links { display: flex; justify-content: stretch; } .lead-editor-grid .property-summary-links .zillow-scraper-pill { box-sizing: border-box; max-width: 100%; min-width: 0; width: 100%; } .lead-editor-grid .property-summary-links .zillow-scraper-action { flex: 1 1 auto; text-align: center; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary { grid-template-columns: max-content minmax(0,1fr); row-gap: 10px; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap { grid-column: 1 / -1; grid-row: 2; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-links { grid-column: 2; grid-row: 1; justify-self: stretch; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-location { grid-column: 1 / -1; grid-row: 3; grid-template-columns: minmax(0,1fr); } .lead-editor-grid .lead-scenario-fields > .editor-section-summary { margin-bottom: 8px; min-height: 0; grid-template-columns: max-content minmax(0,1fr) max-content; row-gap: 10px; } .lead-scenario-fields .scenario-collapsed-value { grid-column: 2; grid-row: 1; } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary { grid-template-columns: max-content minmax(0,1fr) max-content; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap { grid-column: 2; grid-row: 1; justify-self: stretch; width: 100%; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions { grid-column: 3; grid-row: 1; justify-content: flex-end; width: auto; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions .va-eligibility-toggle { min-width: 42px; padding-left: 8px; padding-right: 8px; width: 42px; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-facts { grid-column: 1 / -1; grid-row: 2; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 0; width: 100%; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact { grid-template-columns: 48px minmax(0,1fr); min-height: 35px; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact > span { font-size: 10px; min-width: 0; padding: 0 5px; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact > strong { font-size: 12px; padding: 0 7px; } .lead-scenario-fields .scenario-purpose-summary-wrap { justify-self: stretch; width: 100%; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions { grid-column: 3; grid-row: 1; justify-content: flex-end; margin-left: 0; width: auto; } } .lead-scenario-body > .scenario-top-right-spacer { display: block; grid-column: 2; grid-row: 1; min-height: 34px; } .lead-scenario-body > .scenario-field-value { grid-column: 1; grid-row: 1; } .lead-scenario-body > .scenario-field-fico { grid-column: 1; grid-row: 2; } .lead-scenario-body > .scenario-field-ltv { grid-column: 2; grid-row: 2; } .lead-scenario-body > .scenario-field-current-rate, .lead-scenario-body > .scenario-field-down-payment { grid-column: 2; grid-row: 3; } .lead-scenario-body > .scenario-field-first-balance, .lead-scenario-body > .scenario-field-first-loan { grid-column: 1; grid-row: 3; } .lead-scenario-body > .scenario-field-second-loan { grid-column: 2; grid-row: 3; } .lead-scenario-body > .scenario-field-second-balance { grid-column: 1; grid-row: 4; } .lead-scenario-body > .scenario-field-cltv { grid-column: 1; grid-row: 4; } .lead-scenario-body > .scenario-field-second-current-rate { grid-column: 2; grid-row: 4; } .lead-scenario-body > .scenario-field-cash-out { grid-column: 2; grid-row: 4; } .lead-scenario-body > .rate-term-second-toggle-row { grid-column: 1 / -1; grid-row: 5; } .lead-scenario-body > .scenario-field-occupancy { grid-column: 1; } .lead-scenario-body > .scenario-field-purpose { grid-column: 2; } .lead-scenario-body.is-simple-scenario > .scenario-field-ltv { grid-column: 2; grid-row: 2; } .lead-scenario-body.is-simple-scenario > .scenario-field-occupancy, .lead-scenario-body.is-simple-scenario > .scenario-field-purpose { grid-row: 3; } .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv { grid-column: 2; grid-row: 2; } .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose { grid-row: 4; } .lead-scenario-body.is-piggyback-scenario > .scenario-field-ltv { grid-column: 2; grid-row: 2; } .lead-scenario-body.is-piggyback-scenario > .scenario-field-down-payment { grid-column: 1; grid-row: 4; } .lead-scenario-body.is-piggyback-scenario > .scenario-field-first-loan { grid-column: 1; grid-row: 3; } .lead-scenario-body.is-piggyback-scenario > .scenario-field-second-loan { grid-column: 2; grid-row: 3; } .lead-scenario-body.is-piggyback-scenario > .scenario-field-cltv { grid-column: 2; grid-row: 4; } .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose { grid-row: 5; } .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv { grid-column: 2; grid-row: 2; } .lead-scenario-body.has-existing-loan-fields > .scenario-field-occupancy, .lead-scenario-body.has-existing-loan-fields > .scenario-field-purpose { grid-row: 5; } .lead-scenario-body.has-existing-loan-fields > .rate-term-second-toggle-row + .scenario-field-cash-out { grid-row: 4; } .lead-scenario-body.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { grid-column: 2; grid-row: 5; } .lead-scenario-body.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy, .lead-scenario-body.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-purpose { grid-row: 6; } .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .rate-term-second-toggle-row { grid-row: 5; } .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-occupancy, .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-purpose { grid-row: 6; } .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { grid-row: 6; } .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy, .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-purpose { grid-row: 7; } .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .rate-term-second-toggle-row { grid-column: 1; grid-row: 4; } .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-ltv { grid-column: 2; grid-row: 4; } .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { grid-column: 1; grid-row: 5; } .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy, .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-purpose { grid-row: 6; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields > .scenario-top-right-spacer { display: none; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields > .scenario-field-fico { grid-column: 1; grid-row: 1; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields > .scenario-field-value { grid-column: 2; grid-row: 1; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-value { grid-column: 1; grid-row: 1; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-fico { grid-column: 2; grid-row: 1; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields > .scenario-field-first-balance { grid-column: 1; grid-row: 2; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields > .scenario-field-current-rate { grid-column: 2; grid-row: 2; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields > .scenario-field-second-balance { grid-column: 1; grid-row: 3; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields > .scenario-field-second-current-rate { grid-column: 2; grid-row: 3; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields > .scenario-field-cash-out { grid-column: 1; grid-row: 4; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv { grid-column: 2; grid-row: 4; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { grid-column: 1; grid-row: 4; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields:is(.is-cash-out-scenario,.is-home-equity-scenario):has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { grid-column: 2; grid-row: 1; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-value { grid-column: 1; grid-row: 1; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-cash-out { grid-column: 2; grid-row: 1; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-first-balance { grid-column: 1; grid-row: 2; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-second-balance { grid-column: 2; grid-row: 2; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-current-rate { grid-column: 1; grid-row: 3; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-second-current-rate { grid-column: 2; grid-row: 3; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-fico { grid-column: 1; grid-row: 4; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-ltv { grid-column: 2; grid-row: 4; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-occupancy, .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-purpose { grid-row: 5; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields > .scenario-field-occupancy, .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields > .scenario-field-purpose { grid-row: 5; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy, .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-purpose { grid-row: 5; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .rate-term-second-toggle-row { grid-row: 5; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-occupancy, .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-purpose { grid-row: 6; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .rate-term-second-toggle-row { grid-column: 1; grid-row: 4; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-ltv { grid-column: 2; grid-row: 4; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-cash-out { grid-column: 1; grid-row: 5; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-occupancy, .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-purpose { grid-row: 6; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .rate-term-second-toggle-row { grid-column: 1; grid-row: 4; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-ltv { grid-column: 2; grid-row: 4; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { grid-column: 1; grid-row: 5; } .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy, .lead-scenario-fields .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-purpose { grid-row: 6; } .editor-section label.field-label-hidden { font-size: 0; gap: 0; } .editor-section label.field-label-hidden textarea { font-size: 13px; } .editor-section input,.editor-section select,.editor-section textarea { background: var(--paper); border: 1px solid var(--line); border-radius: 6px; color: var(--ink); min-height: 34px; padding: 7px 9px; width: 100%; } .editor-section textarea { line-height: 1.45; resize: vertical; } .lead-editor-grid.is-layout-locked .notes-box textarea { resize: none; } .editor-property { --property-left-column: calc((100% - 8px) * .4); } .address-field { position: relative; width: calc(var(--property-left-column) + 78px); } .address-suggestions { background: var(--paper); border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); border-radius: 8px; box-shadow: var(--shadow); left: 0; overflow: hidden; position: absolute; right: 0; top: calc(100% - 4px); z-index: 20; } .address-suggestion { background: var(--paper); border: 0; border-bottom: 1px solid var(--line); color: var(--ink); cursor: pointer; display: grid; gap: 3px; padding: 10px 12px; text-align: left; width: 100%; } .address-suggestion:last-child { border-bottom: 0; } .address-suggestion:hover,.address-suggestion:focus { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); outline: 0; } .address-suggestion strong { font-size: 13px; } .address-suggestion span { color: var(--muted); font-size: 12px; font-weight: 750; } .address-suggestion-status { color: var(--muted); font-size: 12px; font-weight: 750; padding: 10px 12px; } .mismo-address-field { width: auto; } .mismo-address-field label { display: grid; gap: 3px; min-width: 0; } .mismo-address-field .address-suggestions { top: calc(100% + 2px); z-index: 40; } .property-location-grid { display: grid; gap: 8px; grid-template-columns: var(--property-left-column) 70px minmax(98px,1fr); } .property-location-grid label,.property-meta-grid label { margin-bottom: 0; min-width: 0; } .property-meta-grid { display: grid; gap: 8px; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); margin-top: 8px; } .county-field input[readonly] { background: color-mix(in srgb, var(--window-bg) 74%, var(--paper)); border-color: color-mix(in srgb, var(--window-border) 90%, var(--line)); color: #071523; } .county-field.county-field-error { color: var(--red); } .county-field.county-field-error input, .county-field input[aria-invalid="true"] { background: var(--paper); border-color: var(--red); box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 16%, transparent); color: var(--ink); } .county-field.county-field-error input:focus, .county-field input[aria-invalid="true"]:focus { border-color: var(--red); box-shadow: 0 0 0 3px color-mix(in srgb, var(--red) 22%, transparent); } .county-choice-popout-layer { inset: 0; pointer-events: none; position: fixed; z-index: 980; } .county-choice-popout-backdrop { display: none; } .county-choice-popout { background: var(--paper); border: 1px solid color-mix(in srgb, var(--accent) 32%, var(--line)); border-radius: 8px; box-shadow: 0 12px 28px rgba(16,24,32,.18), inset 0 1px 0 color-mix(in srgb, #fff 62%, transparent); color: var(--ink); display: grid; gap: 8px; left: var(--county-choice-left, 12px); max-height: min(320px, calc(100dvh - var(--county-choice-top, 80px) - 8px)); overflow: auto; padding: 10px; pointer-events: auto; position: fixed; top: var(--county-choice-top, 80px); width: min(var(--county-choice-width, 300px), calc(100dvw - 16px)); } .county-choice-head { display: grid; gap: 3px; padding-right: 4px; } .county-choice-head .eyebrow { color: var(--muted); font-size: 11px; font-weight: 950; letter-spacing: 0; margin: 0; text-transform: uppercase; } .county-choice-head h2 { font-size: 16px; line-height: 1.1; margin: 0; } .county-choice-head span { color: var(--muted); font-size: 12px; font-weight: 700; line-height: 1.35; } .county-choice-list { display: grid; gap: 6px; } .county-choice-option { align-items: center; background: color-mix(in srgb, var(--accent) 5%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line)); border-radius: 7px; color: var(--ink); cursor: pointer; display: grid; font-family: inherit; gap: 2px; min-height: 42px; padding: 7px 10px; text-align: left; width: 100%; } .county-choice-option:hover, .county-choice-option:focus { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent); outline: 0; } .county-choice-option strong { font-size: 14px; font-weight: 950; line-height: 1.1; } .county-choice-option span { color: var(--muted); font-size: 12px; font-weight: 800; line-height: 1.1; } .county-choice-actions { border-top: 1px solid var(--line); display: flex; justify-content: flex-end; padding-top: 8px; } .county-choice-cancel { min-height: 36px; min-width: 86px; } .lead-editor-grid .lead-top-collapsible-card > .property-summary { cursor: default; } .lead-editor-grid .lead-top-collapsible-card.editor-property > .property-summary { --property-zillow-slot-width: 98px; align-items: start; grid-template-columns: max-content minmax(0,1fr) var(--property-zillow-slot-width) max-content; } .lead-editor-grid .lead-top-collapsible-card.editor-property[open] > .property-summary { grid-template-columns: max-content minmax(0,1fr) var(--property-zillow-slot-width) max-content; margin-bottom: 8px; min-height: 40px; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary { grid-template-columns: max-content minmax(0,1fr) var(--property-zillow-slot-width); } .property-summary { gap: 8px; position: relative; } .property-summary [data-property-summary-toggle] { cursor: pointer; grid-column: 1; } .property-summary .lead-card-drag-handle { margin-left: 0; } .property-summary-fact { align-items: center; background: var(--paper); border: 1px solid var(--window-border); border-radius: 6px; box-sizing: border-box; color: var(--ink); display: grid; font-size: 13px; font-weight: 400; grid-template-columns: 48px minmax(0,1fr); line-height: 1; min-height: calc(var(--lead-card-header-pill-height) - 2px); min-width: 0; overflow: hidden; text-align: left; white-space: nowrap; } .property-summary-fact > span { align-items: center; align-self: stretch; background: color-mix(in srgb, var(--window-bg) 74%, var(--paper)); border-right: 1px solid color-mix(in srgb, var(--accent) 17%, var(--window-border)); color: #071523; display: inline-flex; font-size: 10px; font-weight: 600; justify-content: center; min-width: 0; padding: 0 6px; text-transform: none; } .property-summary-fact:focus-within { border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); outline: 0; } .property-summary-type-wrap { grid-column: 2; grid-row: 1; justify-self: stretch; overflow: visible; width: 100%; } .property-summary-type-select { background: transparent; border: 0; color: #071523; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 500; height: 100%; line-height: 1; min-height: calc(var(--lead-card-header-pill-height) - 2px); min-width: 0; overflow: hidden; padding: 0 9px; text-align: center; text-align-last: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .property-summary-type-select:focus { outline: 0; } .property-summary-type-choice-shell { background: transparent; border: 0; border-radius: 0; display: block; height: 100%; width: 100%; } .property-summary-type-choice-shell .custom-choice-menu summary { background: transparent; border: 0; border-radius: 0; grid-template-columns: minmax(0,1fr) 9px; height: 100%; min-height: calc(var(--lead-card-header-pill-height) - 2px); padding: 0 7px 0 9px; } .property-summary-type-choice-shell .custom-choice-menu strong { color: #071523; font-size: 14px; font-weight: 500; line-height: 1; text-align: center; } .property-summary-type-choice-shell .quick-choice-options { min-width: 190px; text-align: left; } .lead-editor-grid .lead-top-collapsible-card.editor-property[open] .property-summary-type-wrap { display: none; visibility: hidden; } .property-summary-type-select.is-zillow-updated { box-shadow: inset 4px 0 0 #006aff; color: color-mix(in srgb, var(--ink) 82%, #006aff); } .property-summary-type-choice-shell.is-zillow-updated .custom-choice-menu summary { box-shadow: inset 4px 0 0 #006aff; color: color-mix(in srgb, var(--ink) 82%, #006aff); } .property-summary-location { display: none; gap: 8px; grid-column: 1 / -1; grid-template-columns: minmax(0,1fr); min-width: 0; width: 100%; } .editor-property:not([open]) .property-summary-location { display: grid; } .editor-property[open] .property-summary-location { display: none; } .property-summary-address-input,.property-summary-county-input { background: transparent; border: 0; color: var(--ink); font-family: inherit; font-size: 12px; font-weight: 400; height: 100%; min-height: calc(var(--lead-card-header-pill-height) - 2px); min-width: 0; overflow: hidden; padding: 0 9px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .property-summary-address-input:focus,.property-summary-county-input:focus { outline: 0; } .property-summary-links { gap: 6px; margin-left: 0; margin-right: 0; } .lead-editor-grid .property-summary-links { grid-column: 3; justify-self: stretch; left: auto; max-width: 100%; min-width: 0; position: static; right: auto; top: auto; width: 100%; } .lead-editor-grid .lead-top-collapsible-card.editor-property[open] .property-summary-links { grid-column: 3; justify-self: end; max-width: var(--property-zillow-slot-width); position: static; right: auto; top: auto; width: var(--property-zillow-slot-width); } .lead-editor-grid .lead-top-collapsible-card.editor-property[open] .lead-card-drag-handle { grid-column: 4; justify-self: end; margin-left: 0; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .lead-card-drag-handle { display: none !important; } .lead-editor-grid.is-layout-unlocked .property-summary-links { margin-right: 0; } .property-summary-links .property-chip { height: 28px; width: 30px; } .property-summary-links .property-chip img { height: 25px; width: 25px; } .property-summary-links .zillow-chip img { height: 25px; transform: none; width: 25px; } .property-summary-links .zillow-scraper-pill { border-radius: 10px; box-sizing: border-box; height: var(--lead-card-header-pill-height); min-height: var(--lead-card-header-pill-height); min-width: 0; padding: 4px 8px 4px 4px; width: 100%; } .property-summary-links .zillow-scraper-toggle { flex-basis: 25px; height: 25px; width: 25px; } .property-summary-links .zillow-scraper-toggle img { height: 17px; width: 17px; } .property-summary-links .zillow-scraper-action { flex: 1 1 auto; font-size: 13px; font-weight: 800; overflow: hidden; padding-left: 0; text-align: center; text-overflow: ellipsis; } .property-summary-links .zillow-scraper-pill.is-on .zillow-scraper-action, .property-summary-links .zillow-scraper-pill.is-off .zillow-scraper-action { padding-left: 0; } .property-validation-note { align-items: start; background: var(--window-bg-raised); border: 1px solid color-mix(in srgb, var(--window-border) 84%, transparent); border-radius: 8px; color: var(--ink); display: grid; gap: 2px; margin-bottom: 10px; padding: 9px 10px; } .property-validation-note strong { font-size: 11px; font-weight: 950; letter-spacing: .04em; text-transform: uppercase; } .property-validation-note span { color: var(--muted); font-size: 11px; font-weight: 750; line-height: 1.25; } .property-validation-note.is-valid { background: #e5f7ed; border-color: #94d8ad; } .property-validation-note.is-valid strong { color: #0d4f2b; } .property-validation-note.needs-review { background: #fff8df; border-color: #f0d785; } .two-inputs { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; } .borrower-contact-row { display: grid; gap: 8px; grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr); } .borrower-contact-row label { margin-bottom: 0; min-width: 0; } .editor-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; } .btn.mini { background: var(--paper); color: var(--ink); font-size: 12px; min-height: 34px; padding: 7px 10px; } .btn.primary.mini { background: var(--theme-action-bg); border-color: var(--theme-action-border); color: var(--theme-action-text); } .btn.mini.zillow { border-color: color-mix(in srgb, var(--accent) 34%, var(--line)); } .mini-pricing-lab { align-content: start; box-sizing: border-box; container-type: inline-size; display: grid; gap: 7px; overflow: visible; overflow-anchor: none; width: 100%; } .mini-pricing-lab > .editor-section-summary { align-items: flex-start; margin-bottom: 0; min-height: 40px; position: relative; } .mini-pricing-lab .editor-section-summary { gap: 6px; } .mini-pricing-lab > .editor-section-summary > span:first-child { color: color-mix(in srgb, var(--ink) 82%, var(--muted)); font-size: 14px; font-weight: 900; letter-spacing: 0; line-height: 1; top: calc(var(--lead-card-header-label-top) - 3px) !important; } .mini-pricing-lab > .editor-section-summary > [data-mini-pricing-collapse-toggle] { cursor: pointer; } .mini-pricing-lab > .editor-section-summary > [data-mini-pricing-collapse-toggle]:focus { border-color: color-mix(in srgb, var(--accent) 46%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent); outline: 0; } .mini-pricing-actions-row { align-items: center; display: flex; justify-content: flex-end; min-height: var(--lead-card-header-pill-height); min-width: 0; position: relative; width: 100%; } .mini-summary-controls { align-items: stretch; display: block; flex: 1 1 auto; inset: 0 2px 0 0; margin-left: auto; min-width: 0; pointer-events: none; position: absolute; } .mini-pricing-actions-row .mini-summary-controls { display: flex; inset: auto; justify-content: flex-end; margin-left: auto; position: static; } .lead-editor-grid .mini-pricing-lab > .editor-section-summary .mini-summary-controls { left: 0; right: 2px; top: 0; } .mini-summary-primary-actions { align-items: center; display: inline-flex; gap: 8px; justify-content: flex-end; left: auto; pointer-events: auto; position: absolute; right: 0; top: 0; } .mini-pricing-actions-row .mini-summary-primary-actions { position: static; } .mini-pricing-preview-pill { align-items: center; background: color-mix(in srgb, var(--paper) 88%, var(--soft)); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line)); border-radius: 9px; box-shadow: none; box-sizing: border-box; color: color-mix(in srgb, var(--ink) 82%, var(--accent)); display: inline-flex; flex: 0 0 98px; font-family: inherit; font-size: 13px; font-weight: 500; height: var(--lead-card-header-pill-height); justify-content: center; letter-spacing: 0; line-height: 1; min-height: var(--lead-card-header-pill-height); min-width: 98px; padding: 0 13px 1px; text-decoration: none; text-transform: none; white-space: nowrap; } .mini-pricing-preview-pill:hover,.mini-pricing-preview-pill:focus { background: color-mix(in srgb, var(--accent) 9%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); color: var(--ink); outline: 2px solid var(--theme-focus-ring); outline-offset: 2px; } .mini-formal-header-toggle { background: color-mix(in srgb, var(--paper) 88%, var(--soft)); border-color: color-mix(in srgb, var(--muted) 24%, var(--line)); box-shadow: none; color: color-mix(in srgb, var(--ink) 72%, var(--muted)); cursor: pointer; min-width: 98px; } .mini-formal-header-toggle.is-on { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 72%, var(--line)); box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--accent) 78%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 44%, transparent); color: color-mix(in srgb, var(--ink) 86%, var(--accent)); } .mini-formal-header-toggle:hover,.mini-formal-header-toggle:focus { background: color-mix(in srgb, var(--accent) 9%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); color: var(--ink); outline: 2px solid var(--theme-focus-ring); outline-offset: 2px; } .mini-formal-header-toggle.is-on:hover,.mini-formal-header-toggle.is-on:focus { background: color-mix(in srgb, var(--accent) 14%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 50%, var(--line)); color: var(--ink); } .mini-lien-toggle { align-items: center; background: var(--paper); border: 1px solid color-mix(in srgb, var(--ink) 18%, var(--line)); border-radius: 999px; display: inline-flex; flex: 0 0 132px; gap: 1px; justify-self: stretch; padding: 2px; width: 132px; } .mini-lien-toggle button { align-items: center; background: transparent; border: 0; border-radius: 999px; color: color-mix(in srgb, var(--muted) 84%, var(--ink)); cursor: pointer; display: inline-flex; flex: 1 1 0; font-family: inherit; font-size: 10px; font-weight: 950; justify-content: center; line-height: 1; min-height: 25px; min-width: 0; padding: 6px 4px; text-align: center; } .mini-lien-toggle button.active { background: var(--theme-control-active-bg); color: var(--theme-control-active-text); box-shadow: 0 1px 4px color-mix(in srgb, var(--theme-control-active-bg) 30%, transparent); } .mini-lien-toggle button.compare { flex: 1 1 0; padding-left: 4px; padding-right: 4px; } .mini-lien-toggle button.compare.active { background: var(--theme-control-active-bg); color: var(--theme-control-active-text); box-shadow: 0 1px 4px color-mix(in srgb, var(--theme-control-active-bg) 30%, transparent); } .mini-lien-toggle button:focus { outline: 2px solid var(--theme-focus-ring); outline-offset: 2px; } .mini-pricing-lab > .editor-section-summary .mini-lien-toggle { flex-basis: 148px; height: var(--lead-card-header-pill-height); padding: 2px; pointer-events: auto; position: absolute; right: 0; top: 4px; width: 148px; } .mini-pricing-lab > .editor-section-summary .mini-lien-toggle button { font-size: 12px; min-height: 31px; padding: 7px 5px; } .mini-pricing-lab .editor-section-summary .lead-card-drag-handle { margin-left: 2px; } .mini-pricing-head { align-items: start; display: flex; gap: 10px; justify-content: space-between; } .mini-pricing-head h4 { margin-bottom: 2px; } .mini-pricing-head .meta { font-size: 12px; margin: 0; } .mini-pricing-body { container-type: inline-size; gap: 5px; padding-top: 0; } .mini-pricing-body > .meta { font-size: 12px; margin: 0; } @container (min-width: 560px) { .mini-pricing-body.is-compare { align-items: start; display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { min-width: 0; } .mini-pricing-body.is-compare > .mini-pricing-warning { grid-column: 1 / -1; } } .mini-piggyback-stack-frame { margin-top: 6px; } .mini-piggyback-stack-frame:not([open]) > .mini-rate-snapshot-head { min-height: 42px; } @container (min-width: 560px) and (max-width: 659px) { .mini-pricing-body.is-compare { gap: 6px; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { padding-left: 7px; padding-right: 7px; } .mini-pricing-body.is-compare .mini-snapshot-layout { align-items: start; gap: 6px; grid-template-columns: minmax(0,1fr); grid-template-rows: auto; } .mini-pricing-body.is-compare .mini-snapshot-layout > .mini-quote-summary, .mini-pricing-body.is-compare .mini-snapshot-layout > .mini-snapshot-side-controls, .mini-pricing-body.is-compare .mini-snapshot-layout > .mini-fee-strip { grid-column: 1; grid-row: auto; min-width: 0; } } @container (max-width: 559px) { .mini-pricing-body.is-compare { display: grid; grid-template-columns: minmax(0,1fr); } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .mini-pricing-body.is-compare > .mini-pricing-warning { grid-column: 1; min-width: 0; } } .mini-pricing-section-shell { min-width: 0; position: relative; } .lead-editor-grid.is-layout-unlocked .mini-pricing-section-shell { cursor: grab; } .lead-editor-grid.is-layout-unlocked .mini-pricing-section-shell:active { cursor: grabbing; } .mini-pricing-section-shell.is-dragging { opacity: .58; } .mini-pricing-section-shell.is-drop-target { outline: 2px solid color-mix(in srgb, var(--accent) 58%, var(--line)); outline-offset: 3px; } .mini-rate-snapshot-frame { background: var(--window-bg); border: 1px solid color-mix(in srgb, var(--window-border) 90%, var(--accent)); border-radius: 9px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 45%, transparent); container-type: inline-size; display: grid; gap: 5px; overflow: visible; overflow-anchor: none; padding: 8px 9px 9px; } .mini-rate-snapshot-frame:not([open]) { gap: 0; padding-bottom: 8px; } .mini-rate-snapshot-head { align-items: center; cursor: pointer; display: flex; gap: 8px; justify-content: flex-start; list-style: none; min-height: 34px; padding: 0 10px 0 8px; position: relative; } .mini-rate-snapshot-head::-webkit-details-marker { display: none; } .mini-rate-snapshot-head > span { align-items: center; background: color-mix(in srgb, var(--soft) 70%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 7px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); color: var(--ink); display: inline-flex; flex: 0 0 auto; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 1.08; max-width: min(62%,230px); min-height: 30px; overflow: hidden; padding: 7px 12px; position: relative; text-align: left; text-overflow: ellipsis; text-transform: none; top: 0; white-space: nowrap; } .mini-rate-snapshot-head > span:first-child { gap: 8px; padding-left: 10px; } .mini-rate-snapshot-head > span:first-child::before { background: color-mix(in srgb, var(--accent) 72%, var(--line)); border-radius: 999px; content: ""; display: inline-block; flex: 0 0 auto; height: 18px; width: var(--section-label-accent-width); } .mini-rate-snapshot-head.has-first-mortgage-actions { align-items: center; flex-wrap: wrap; gap: 7px; } .mini-rate-snapshot-head > .mini-snapshot-head-actions { align-items: center; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: inherit; display: inline-flex; flex: 0 0 auto; font-size: inherit; font-weight: inherit; justify-content: flex-end; line-height: 1; margin-left: auto; max-width: none; min-height: 0; overflow: visible; padding: 0; text-align: right; top: 0; white-space: nowrap; } .mini-rate-snapshot-head > .scenario-reprice-anchor { align-self: center; background: transparent; border: 0; box-shadow: none; color: inherit; flex: 0 0 auto; font-size: inherit; font-weight: inherit; line-height: 1; margin-left: 0; max-width: none; min-height: 29px; min-width: 70px; overflow: visible; padding: 0; position: relative; text-align: left; top: 0; white-space: nowrap; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > .scenario-reprice-anchor { display: inline-flex !important; opacity: 1; pointer-events: none; visibility: visible; } .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-head-actions { display: grid; flex: 1 1 100%; gap: 6px; grid-template-columns: repeat(2,minmax(0,1fr)); justify-content: stretch; margin-left: 0; min-width: 0; order: 4; width: 100%; } .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions { flex: 0 0 auto; gap: 6px; margin-left: auto; min-width: 0; } .mini-snapshot-head-actions:empty { display: none; } .mini-rate-snapshot-head:hover > .mini-snapshot-head-actions,.mini-rate-snapshot-head:focus > .mini-snapshot-head-actions { background: transparent; border-color: transparent; outline: 0; } .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-pricing-preview-pill, .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-formal-header-toggle { flex: 0 0 72px; font-size: 12px; height: 30px; min-height: 30px; min-width: 72px; padding: 0 9px 1px; } .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble { height: 30px; min-height: 30px; min-width: 74px; padding: 5px 10px 6px; } .mini-rate-snapshot-head.has-first-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble { font-weight: 500; min-width: 86px; width: auto; } .mini-rate-snapshot-head.has-second-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble { min-width: 48px; width: 48px; } .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact { min-width: 46px; padding-left: 8px; padding-right: 8px; width: 46px; } .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact { flex: 0 0 46px; height: 30px; margin-left: 0; min-height: 30px; min-width: 46px; order: 3; padding-left: 8px; padding-right: 8px; width: 46px; } .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { background: var(--paper); border-color: var(--line); box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent); color: var(--ink); flex: 0 0 62px; font-size: 10px; font-weight: 650; height: 30px; margin-left: auto; min-height: 30px; min-width: 62px; order: 3; padding-left: 8px; padding-right: 8px; width: 62px; } .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle.is-on { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 44%, var(--line)); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent); color: color-mix(in srgb, var(--ink) 86%, var(--accent)); } .piggyback-label-short { display: none; } .piggyback-bubble.is-compact .piggyback-label-full { display: none; } .piggyback-bubble.is-compact .piggyback-label-short { display: inline; } .mini-rate-snapshot-head:hover > span,.mini-rate-snapshot-head:focus > span { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); outline: 0; } .mini-rate-snapshot-head::after,.mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head::after { content: none; display: none; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head { margin-bottom: 2px; margin-top: -2px; } .mini-collapsed-option-chips { align-items: center; align-self: center; background: color-mix(in srgb, var(--paper) 86%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 7px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); box-sizing: border-box; display: inline-flex; flex: 0 0 auto; gap: 4px; left: 0; max-width: 112px; opacity: 1; overflow: hidden; padding: 4px 5px; pointer-events: auto; position: relative; top: 0; transition: opacity .14s ease,visibility .14s ease; visibility: visible; z-index: 1; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head .mini-collapsed-option-chips { opacity: 0; pointer-events: none !important; visibility: hidden; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > .mini-collapsed-option-chips { display: none !important; } .mini-rate-snapshot-head > .mini-snapshot-warning-chip { align-items: center; align-self: start; background: color-mix(in srgb, var(--red) 9%, var(--paper)); border: 1px solid color-mix(in srgb, var(--red) 34%, var(--line)); border-radius: 999px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); color: color-mix(in srgb, var(--red) 68%, var(--ink)); display: none; flex: 0 0 auto; font-size: 11px; font-weight: 750; justify-content: center; line-height: 1; max-width: 112px; min-height: 24px; min-width: 0; overflow: hidden; padding: 5px 8px; text-overflow: ellipsis; white-space: nowrap; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head { align-items: start; flex-wrap: wrap; min-height: 58px; row-gap: 5px; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child { order: 1; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips { align-self: start; flex: 0 0 auto; margin-right: 0; max-width: max-content; order: 2; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-snapshot-warning-chip { display: inline-flex; margin-left: auto; margin-right: auto; order: 2; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-snapshot-head-actions { flex: 0 0 auto; margin-left: auto; order: 3; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-head-actions { flex: 0 0 auto; justify-content: flex-end; } .mini-rate-snapshot-frame:not([open]) > .mini-pricing-warning { display: none; } .mini-collapsed-option-chip { align-items: center; background: color-mix(in srgb, #fff 94%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 2px 7px rgba(16,24,32,.1); cursor: pointer; display: inline-flex; height: 24px; justify-content: center; min-width: 32px; overflow: visible; padding: 2px 4px; width: 32px; } .mini-collapsed-option-1,.mini-collapsed-option-2,.mini-collapsed-option-3 { color: var(--ink); } .mini-collapsed-option-chip .lender-brand.chip { background: transparent; border: 0; border-radius: 999px; box-shadow: none; justify-content: center; min-height: 18px; min-width: 0; padding: 0 2px; width: 100%; } .mini-collapsed-option-chip .lender-logo-stack { justify-content: center; min-width: 0; width: 100%; } .mini-collapsed-option-chip .lender-logo { height: 15px; max-width: 24px; object-fit: contain; } .mini-collapsed-option-chip .lender-logo-mark { height: 16px; max-width: 16px; width: 16px; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips { background: color-mix(in srgb, var(--lead-dark-card-raised) 82%, #ffffff 5%) !important; border-color: color-mix(in srgb, #fff 28%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 8px rgba(0,0,0,.24) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) .mini-collapsed-option-chip { background: linear-gradient(145deg, color-mix(in srgb, #fff 8%, var(--lead-dark-card-raised)), var(--lead-dark-field)) !important; border-color: color-mix(in srgb, #fff 24%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 4px rgba(0,0,0,.28) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) .mini-collapsed-option-chip .lender-brand.chip { background: transparent !important; border: 0 !important; box-shadow: none !important; } .mini-rate-snapshot-body { display: grid; gap: 8px; min-width: 0; } .mini-rate-snapshot-loading { align-items: center; background: color-mix(in srgb, var(--paper) 82%, var(--accent)); border: 1px dashed color-mix(in srgb, var(--accent) 42%, var(--line)); border-radius: 8px; color: color-mix(in srgb, var(--muted) 75%, var(--ink)); display: flex; font-size: 12px; font-weight: 850; justify-content: center; min-height: 88px; padding: 12px; } .mini-price-option { align-items: start; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr); padding-top: 2px; } .mini-snapshot-layout { align-items: stretch; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr); grid-template-rows: none; min-width: 0; } .mini-quote-summary { align-content: start; align-items: start; background: var(--window-bg-raised); border: 1px solid color-mix(in srgb,var(--window-border) 88%,var(--accent)); border-radius: 7px; display: grid; gap: 10px; grid-column: 1; grid-row: auto; grid-template-columns: minmax(0,1fr); min-height: 0; min-width: 0; padding: 10px; } .mini-price-copy { align-content: start; align-self: stretch; display: grid; gap: 5px; margin-top: -6px; min-height: 0; min-width: 0; order: 2; padding: 0; } .mini-product-friendly { color: var(--ink); display: block; font-size: 12px; font-style: normal; font-weight: 850; letter-spacing: 0; line-height: 1.2; text-transform: none; } .mini-product-controls { box-sizing: border-box; display: grid; gap: 7px; grid-column: 2; grid-row: 1; grid-template-columns: minmax(0,1fr); justify-self: stretch; margin-bottom: 0; margin-top: 0; max-width: none; min-width: 0; width: 100%; } .mini-snapshot-side-controls { align-content: start; box-sizing: border-box; display: grid; gap: 7px; grid-column: 1; grid-row: auto; grid-template-columns: minmax(0,1fr); justify-self: stretch; min-width: 0; width: 100%; } .mini-snapshot-side-controls .mini-product-controls { grid-column: auto; grid-row: auto; margin: 0; } .mini-product-controls label { background: color-mix(in srgb, var(--paper) 82%, var(--soft)); border: 1px solid var(--line); border-radius: 7px; box-sizing: border-box; color: var(--muted); display: grid; font-size: 9px; font-weight: 850; gap: 4px; justify-items: stretch; justify-self: stretch; letter-spacing: .035em; line-height: 1.05; margin: 0; min-height: 50px; min-width: 0; padding: 8px 9px; text-align: left; text-transform: uppercase; width: 100%; } .mini-product-controls label.mini-term-control.has-mini-interest-only { gap: 2px; } .mini-term-label-row { align-items: center; display: flex; gap: 8px; justify-content: space-between; min-width: 0; width: 100%; } .mini-product-controls label .mini-interest-only-field { align-items: center; align-self: center; appearance: none; background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); border-radius: 999px; cursor: pointer; display: inline-flex; flex: 0 0 auto; gap: 4px; justify-content: center; letter-spacing: 0; line-height: 1; margin: -4px 0 -3px auto; min-height: 24px; min-width: 46px; padding: 4px 6px; pointer-events: auto; text-align: right; text-transform: uppercase; } .mini-product-controls label .mini-interest-only-field[aria-pressed="true"] { background: color-mix(in srgb, var(--accent) 14%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 72%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent); } .mini-price-option .mini-product-controls label .mini-interest-only-field span, .mini-product-controls label .mini-interest-only-field span { color: color-mix(in srgb, var(--accent) 82%, var(--ink)); font-size: 8px; font-weight: 950; justify-self: center; letter-spacing: 0; line-height: 1; text-align: right; text-transform: uppercase; } .mini-interest-only-field .mini-io-box { background: var(--paper); border: 1px solid color-mix(in srgb, var(--accent) 72%, var(--line)); border-radius: 4px; box-sizing: border-box; display: inline-block; height: 14px; width: 14px; } .mini-interest-only-field[aria-pressed="true"] .mini-io-box { background: var(--accent); border-color: var(--accent); box-shadow: inset 0 0 0 3px var(--paper); } .mini-interest-only-field input { appearance: none; background: var(--paper); border: 1px solid color-mix(in srgb, var(--accent) 72%, var(--line)); border-radius: 4px; box-sizing: border-box; cursor: pointer; height: 14px; margin: 0; padding: 0; width: 14px; } .mini-interest-only-field input:checked { background: var(--accent); border-color: var(--accent); box-shadow: inset 0 0 0 3px var(--paper); } .mini-interest-only-field input:disabled, .mini-interest-only-field:disabled { cursor: default; opacity: 1; } .mini-interest-only-field.is-required span { color: var(--accent); } .mini-interest-only-field input:focus-visible, .mini-interest-only-field:focus-visible { outline: 2px solid color-mix(in srgb, var(--accent) 70%, #fff); outline-offset: 2px; } .mini-product-controls select { background: transparent; border: 0; border-radius: 4px; color: var(--ink); font-family: inherit; font-size: 14px; font-weight: 950; line-height: 1.1; min-height: 20px; min-width: 0; overflow: hidden; padding: 0 20px 0 0; text-overflow: ellipsis; width: 100%; } .mini-product-controls select:focus { background: color-mix(in srgb, var(--brand-gold) 9%, var(--paper)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 45%, var(--line)); outline: 0; padding: 2px 20px 2px 4px; } .mini-license-guardrail { background: #fff8df; border: 1px solid #f0d785; border-radius: 7px; color: #6a4a00; font-size: 11px; font-weight: 850; line-height: 1.25; padding: 7px 8px; text-transform: none; } .mini-static-control { align-items: center; background: transparent; border: 0; border-radius: 4px; color: var(--ink); display: flex; font-size: 14px; font-weight: 950; letter-spacing: 0; line-height: 1.1; min-height: 20px; min-width: 0; overflow: hidden; padding: 0; text-overflow: ellipsis; text-transform: none; white-space: nowrap; width: 100%; } .mini-price-option span,.mini-sheet-source span { color: var(--muted); font-size: 11px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; } .mini-price-option .mini-product-controls label span { color: var(--muted); font-size: 9px; font-weight: 850; justify-self: start; letter-spacing: .035em; line-height: 1.05; text-align: left; text-transform: uppercase; } .mini-product-controls .mini-product-choice-shell .custom-choice-menu strong, .mini-product-controls .mini-static-control, .mini-price-option .mini-product-choice-shell .custom-choice-menu strong, .mini-price-option .mini-static-control { color: var(--ink) !important; font-size: 14px !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.1; text-transform: none !important; } .mini-product-controls label.has-third-lien-badge { grid-template-columns: minmax(0,1fr) auto; } .mini-product-controls label.has-third-lien-badge > span:first-child { grid-column: 1 / -1; } .mini-product-controls label.has-third-lien-badge .mini-static-control { grid-column: 1; } .mini-third-lien-badge { align-items: center; align-self: center; background: color-mix(in srgb, var(--brand-gold) 18%, var(--paper)); border: 1px solid color-mix(in srgb, var(--brand-gold) 76%, var(--line)); border-radius: 999px; color: var(--ink); display: inline-flex; font-size: 11px; font-weight: 950; grid-column: 2; justify-content: center; letter-spacing: 0; line-height: 1; min-height: 24px; padding: 0 10px; text-transform: none; white-space: nowrap; } .mini-price-option .mini-product-headline { color: var(--ink); display: block; font-size: 15px; font-weight: 950; letter-spacing: 0; line-height: 1.05; margin-bottom: -1px; text-transform: none; } .mini-price-option .mini-program-code { color: var(--ink); font-size: 14px; font-weight: 950; letter-spacing: 0; line-height: 1.1; margin-top: 0; text-transform: none; } .mini-price-option strong { color: var(--ink); font-size: 30px; font-weight: 780; line-height: .96; } [data-theme="dark"] .mini-price-option strong { color: #f6fbff; } .mini-price-option small,.mini-sheet-source small { color: var(--muted); font-size: 12px; font-weight: 750; line-height: 1.35; } .mini-source-block { align-content: start; align-self: start; display: grid; gap: 4px; justify-items: start; margin-top: -4px; min-width: 0; order: 1; padding-left: 0; text-align: left; } .mini-price-logo { align-self: start; display: grid; gap: 4px; justify-items: start; margin-top: 0; min-width: 0; text-align: left; width: 100%; } .lender-brand.mini-banner { justify-content: flex-start; min-height: 32px; width: 100%; } .lender-brand.mini-banner .lender-logo-stack { justify-content: flex-start; } .lender-brand.mini-banner .lender-logo { height: 29px; max-width: 112px; } .mini-price-option .mini-rate-timestamp { color: var(--muted); font-size: 10px; font-weight: 800; justify-self: center; letter-spacing: 0; line-height: 1.2; text-align: center; text-transform: none; white-space: nowrap; } .mini-price-logo .mini-rate-timestamp-tooltip { background: color-mix(in srgb, var(--paper) 94%, #fff); border: 1px solid color-mix(in srgb, var(--line) 82%, var(--accent)); border-radius: 7px; box-shadow: 0 10px 24px rgba(7,21,35,.16); color: var(--ink); display: block; font-size: 10.5px; font-weight: 800; left: 50%; line-height: 1.15; max-width: 190px; opacity: 0; padding: 7px 9px; pointer-events: none; position: absolute; text-align: center; text-transform: none; top: calc(100% + 6px); transform: translate(-50%, -2px); transition: opacity .14s ease, transform .14s ease; visibility: hidden; white-space: nowrap; z-index: 35; } .mini-price-logo:has(.mini-rate-timestamp-tooltip) { position: relative; } .mini-price-logo:hover .mini-rate-timestamp-tooltip, .mini-price-logo:focus-within .mini-rate-timestamp-tooltip { opacity: 1; transform: translate(-50%, 0); visibility: visible; } .mini-lpc-comp { align-items: center; background: color-mix(in srgb, var(--green) 15%, var(--paper)); border: 1px solid color-mix(in srgb, var(--green) 46%, var(--line)); border-radius: 7px; color: color-mix(in srgb, var(--green) 74%, var(--ink)); display: inline-flex; flex-wrap: wrap; font-size: 11px; font-weight: 850; gap: 5px 7px; justify-content: flex-start; justify-self: start; line-height: 1.15; margin-top: 2px; min-height: 29px; padding: 5px 8px; width: 100%; } .mini-lpc-comp .mini-comp-label { background: transparent; border: 0; color: color-mix(in srgb, var(--green) 80%, var(--ink)); cursor: pointer; font-family: inherit; font-size: 10px; font-weight: 950; letter-spacing: .05em; line-height: 1; margin: 0; padding: 0; text-transform: uppercase; } .mini-lpc-comp .mini-comp-label:disabled { cursor: default; } .mini-lpc-comp .mini-comp-label:hover,.mini-lpc-comp .mini-comp-label:focus { color: color-mix(in srgb, var(--green) 92%, var(--ink)); outline: 0; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } .mini-lpc-comp strong,.mini-lpc-comp b { color: var(--ink); font-size: 12px; font-weight: 950; line-height: 1.1; white-space: nowrap; } .mini-lpc-comp b { color: color-mix(in srgb, var(--ink) 86%, var(--muted)); } .mini-summary-comp { align-content: center; align-self: start; border-radius: 9px; display: grid; gap: 3px; grid-template-columns: minmax(0,1fr); justify-items: center; justify-self: stretch; margin-top: 2px; min-height: 48px; order: 2; padding: 6px 9px 7px; text-align: center; width: 100%; } .mini-side-comp { background: color-mix(in srgb, var(--green) 15%, var(--paper)); border-color: color-mix(in srgb, var(--green) 46%, var(--line)); justify-self: stretch; margin-top: 0; min-height: 50px; order: 0; width: 100%; } .mini-summary-comp .mini-comp-heading { color: color-mix(in srgb, var(--ink) 74%, var(--muted)); font-size: 10px; font-weight: 950; grid-column: 1 / -1; letter-spacing: .02em; line-height: 1; text-transform: uppercase; } .mini-summary-comp .mini-comp-label { font-size: 9.5px; grid-column: 1 / -1; letter-spacing: 0; line-height: 1; text-transform: none; } .mini-summary-comp .mini-comp-values { display: grid; gap: 2px; justify-items: center; min-width: 0; width: 100%; } .mini-summary-comp strong,.mini-summary-comp b { display: block; font-size: 13.5px; line-height: 1.02; } .mini-summary-comp strong { justify-self: center; } .mini-summary-comp b { color: color-mix(in srgb, var(--green) 82%, var(--ink)); justify-self: center; } .mini-summary-comp .mini-comp-percent-input { background: transparent; border: 0; border-radius: 5px; color: var(--ink); display: block; font-family: inherit; font-size: 13.5px; font-weight: 950; height: 14px; justify-self: center; line-height: 1.02; max-width: 72px; min-height: 0; padding: 0; text-align: center; width: 58px; } .mini-summary-comp .mini-comp-percent-input:focus { background: color-mix(in srgb, #d8ecff 62%, var(--paper)); box-shadow: inset 0 0 0 1px color-mix(in srgb, #1d7cc1 46%, var(--line)); height: 20px; outline: 0; padding: 2px 4px; width: 72px; } .mini-second-lpc-comp { background: color-mix(in srgb, var(--green) 15%, var(--paper)); border-color: color-mix(in srgb, var(--green) 46%, var(--line)); justify-self: stretch; margin-top: 2px; width: 100%; } .mini-summary-comp.mini-second-lpc-comp { margin-top: 2px; } .mini-snapshot-side-controls > .mini-lpc-comp.mini-summary-comp { box-sizing: border-box; grid-column: 1 / -1; justify-self: stretch !important; max-width: none; min-width: 0; width: 100% !important; } .mini-second-lpc-comp .mini-comp-label { color: color-mix(in srgb, var(--green) 80%, var(--ink)); } .mini-second-lpc-comp strong { color: var(--ink); font-weight: 950; } .mini-second-lpc-comp b { color: color-mix(in srgb, var(--green) 82%, var(--ink)); font-weight: 950; } .mini-rate-details { display: grid; gap: 6px; grid-template-columns: minmax(0,1fr); justify-content: start; margin-top: 4px; min-height: 39px; padding-right: 44px; position: relative; } .mini-rate-details span { color: color-mix(in srgb, var(--ink) 72%, var(--muted)); font-size: 13px; font-weight: 400; letter-spacing: 0; line-height: 1.08; text-transform: none; } .mini-rate-details b { color: color-mix(in srgb, var(--ink) 72%, var(--muted)); font-weight: 400; } .mini-rate-details .mini-rate-detail-value { color: var(--ink); font-size: inherit; font-weight: 600 !important; line-height: inherit; } .mini-rate-details em { color: color-mix(in srgb, var(--ink) 68%, var(--muted)); font-style: normal; font-weight: 850; margin-left: 4px; } .mini-rate-details .mini-tone-value { font-weight: 750; margin-left: 2px; } .mini-rate-details .mini-tone-value.credit { color: #0d7a3a; } .mini-rate-details .mini-tone-value.cost { color: #b42318; } .mini-rate-details .mini-tone-value.par { color: color-mix(in srgb, var(--ink) 68%, var(--muted)); } .mini-rate-details .mini-apr-alert,.mini-rate-details .mini-apr-alert b { color: color-mix(in srgb, var(--red) 58%, var(--muted)); font-weight: 650; } .mini-rate-details i { color: color-mix(in srgb, var(--muted) 68%, var(--line)); font-style: normal; font-weight: 850; margin: 0 2px 0 4px; } .mini-payment-note { color: color-mix(in srgb, var(--muted) 82%, var(--ink)); display: block; font-size: 10px; font-weight: 800; line-height: 1.15; text-transform: none; } .mini-payment-line { align-items: center; display: inline-flex; gap: 3px; max-width: max-content; position: relative; } .mini-payment-breakdown { display: inline-flex; flex: 0 0 auto; position: relative; } .mini-payment-breakdown > summary { align-items: center; cursor: pointer; display: inline-flex; height: 14px; justify-content: center; list-style: none; margin-left: 1px; width: 14px; } .mini-payment-breakdown > summary::-webkit-details-marker { display: none; } .mini-payment-breakdown > summary::after { border: solid var(--accent); border-width: 0 2px 2px 0; content: ""; display: inline-block; height: 6px; transform: rotate(45deg); transition: transform .16s ease; width: 6px; } .mini-payment-breakdown[open] > summary::after { transform: rotate(-135deg); } .mini-payment-breakdown-panel { background: color-mix(in srgb, var(--paper) 96%, #eaf6ff); border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--line)); border-radius: 9px; box-shadow: 0 10px 24px rgba(10, 33, 64, .16); display: grid; gap: 0; left: -10px; min-width: 184px; padding: 8px 10px; position: absolute; top: calc(100% + 5px); z-index: 30; } .mini-payment-breakdown-row { align-items: baseline; display: grid; gap: 16px; grid-template-columns: minmax(0,1fr) auto; padding: 5px 0; } .mini-payment-breakdown-row span { color: color-mix(in srgb, var(--ink) 68%, var(--muted)); font-size: 11px; font-weight: 500 !important; line-height: 1.1; } .mini-payment-breakdown-row strong { color: var(--ink); font-size: 11px; font-weight: 650 !important; line-height: 1.1; white-space: nowrap; } .mini-payment-breakdown-row strong em { color: color-mix(in srgb, var(--ink) 70%, var(--muted)); font-size: 10px; font-weight: 500 !important; margin-left: 1px; } .mini-payment-breakdown-row.is-summary { border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent); margin-top: 2px; padding-top: 6px; } .mini-payment-breakdown-row.is-summary span, .mini-payment-breakdown-row.is-summary strong { font-weight: 750 !important; } .mini-fee-itemization { border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent); display: grid; gap: 0; margin-top: 4px; max-width: 100%; min-width: 0; overflow: hidden; padding-top: 6px; width: 100%; } .mini-fee-itemization-row { align-items: baseline; border-bottom: 1px solid color-mix(in srgb, var(--line) 52%, transparent); display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto; min-width: 0; padding: 5px 0; } .mini-fee-itemization-row:last-child { border-bottom: 0; } .mini-fee-drilldown { display: block; gap: 0; padding: 0; } .mini-fee-drilldown > summary { align-items: baseline; cursor: pointer; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto; list-style: none; min-width: 0; padding: 5px 0; } .mini-fee-drilldown > summary::-webkit-details-marker { display: none; } .mini-fee-drilldown > summary > span:first-child { align-items: center; display: inline-flex; gap: 6px; } .mini-fee-drilldown > summary > span:first-child::after { border: solid var(--accent); border-width: 0 2px 2px 0; content: ""; display: inline-block; flex: 0 0 auto; height: 6px; transform: rotate(45deg); transition: transform .16s ease; width: 6px; } .mini-fee-drilldown[open] > summary > span:first-child::after { transform: rotate(-135deg); } .mini-fee-drilldown > summary input { justify-self: end; } .mini-fee-itemization-row.is-fees-drilldown[open], .mini-fee-itemization-row.is-escrow-drilldown[open] { position: relative; } .mini-fee-itemization-row.is-fees-drilldown[open] > summary, .mini-fee-itemization-row.is-escrow-drilldown[open] > summary { align-items: center; display: flex; height: 18px; left: 0; padding: 0; position: absolute; top: 6px; width: 18px; z-index: 2; } .mini-fee-itemization-row.is-fees-drilldown[open] > summary > span:first-child, .mini-fee-itemization-row.is-escrow-drilldown[open] > summary > span:first-child { font-size: 0; gap: 0; height: 18px; justify-content: center; overflow: visible; width: 18px; } .mini-fee-itemization-row.is-fees-drilldown[open] > summary > span:first-child::after, .mini-fee-itemization-row.is-escrow-drilldown[open] > summary > span:first-child::after { margin: 0; } .mini-fee-itemization-row.is-fees-drilldown[open] > summary > :not(span:first-child), .mini-fee-itemization-row.is-escrow-drilldown[open] > summary > :not(span:first-child) { display: none; } .mini-fee-itemization-row.is-fees-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows, .mini-fee-itemization-row.is-escrow-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows { border-top: 0; margin-top: 0; padding-top: 0; } .mini-fee-itemization-row.is-fees-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > div:first-child > span, .mini-fee-itemization-row.is-escrow-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > div:first-child > span { padding-left: 22px; } .mini-fee-drilldown-rows.quote-breakdown-rows { border-top: 1px solid color-mix(in srgb, var(--line) 66%, transparent); margin-top: 2px; padding: 4px 0 2px; } .mini-fee-drilldown-rows.quote-breakdown-rows div { padding: 6px 0; } .mini-fee-drilldown-rows.quote-breakdown-rows > div > span { font-size: 12.5px; font-weight: 400; letter-spacing: 0; text-transform: none; } .mini-fee-drilldown-rows.quote-breakdown-rows > div > strong { font-size: 13px; font-weight: 400; } .mini-fee-drilldown-rows.quote-breakdown-rows .is-total-row span, .mini-fee-drilldown-rows.quote-breakdown-rows .is-total-row strong { font-weight: 600; } .mini-fee-itemization-row span { color: color-mix(in srgb, var(--ink) 72%, var(--muted)); font-size: 12px; font-weight: 850; letter-spacing: 0; line-height: 1.12; min-width: 0; overflow: hidden; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } .mini-fee-itemization-row strong { color: var(--ink); font-size: 13px; font-weight: 950; line-height: 1.1; min-width: 0; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .mini-fee-itemization-row input { background: transparent; border: 0; color: var(--ink); font-family: inherit; font-size: 13px; font-weight: 950; line-height: 1.1; min-height: 0; min-width: 72px; padding: 0; text-align: right; width: 82px; } .mini-fee-itemization-row input:focus { background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)); border-radius: 4px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 45%, var(--line)); outline: 0; padding: 2px 4px; } .mini-fee-itemization-row.credit strong { color: #0d7a3a; } .mini-fee-itemization-row.cost strong { color: #b42318; } .mini-fee-itemization-row.par strong { color: var(--ink); } .mini-fee-itemization-row.is-placeholder span, .mini-fee-itemization-row.is-placeholder strong { visibility: hidden; } .mini-fee-strip { align-items: start; box-sizing: border-box; display: grid; gap: 7px; grid-column: 1; grid-row: auto; grid-template-columns: minmax(0,1fr); justify-self: stretch; min-width: 0; width: 100%; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary { position: relative; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block { justify-items: end; margin: 0; max-width: 136px; position: absolute; right: 12px; text-align: right; top: 10px; width: 136px; z-index: 1; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo, .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .lender-brand.mini-banner, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .lender-brand.mini-banner, .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo-stack, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo-stack { justify-content: flex-end; justify-items: end; text-align: right; } .mini-fee-strip > div,.mini-fee-note { background: var(--window-bg-raised); border: 1px solid var(--window-border); border-radius: 7px; box-sizing: border-box; display: grid; gap: 4px; justify-items: start; justify-self: stretch; min-width: 0; padding: 9px; text-align: left; width: 100%; } .mini-fee-tile-head { align-items: center; display: flex; gap: 6px; justify-content: space-between; min-width: 0; width: 100%; } .mini-fee-tile-head span { flex: 1 1 auto; min-width: 0; text-align: left; } .mini-roll-inline-toggle { align-items: center; background: color-mix(in srgb, var(--soft) 72%, var(--paper)); border: 1px solid color-mix(in srgb, var(--muted) 24%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--ink) 68%, var(--muted)); cursor: pointer; display: inline-flex; flex: 0 0 auto; font-family: inherit; font-size: 9px; font-weight: 850; justify-content: center; letter-spacing: 0; line-height: 1; min-height: 30px; min-width: 78px; padding: 8px 10px 7px; text-transform: none; transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease; white-space: nowrap; } .mini-roll-side-toggle { align-self: start; font-size: 14px; font-weight: 900; grid-column: 1; justify-self: stretch; min-height: 37px; min-width: 0; padding-left: 14px; padding-right: 14px; width: 100%; } .mini-roll-loan-toggle { align-self: center; border-radius: 7px; font-size: 11px; grid-column: 2; grid-row: 1 / span 2; justify-self: end; min-height: 34px; min-width: 82px; padding: 8px 11px; width: auto; } .mini-roll-inline-toggle.is-on { background: var(--theme-control-active-bg); border-color: var(--theme-control-active-border); box-shadow: 0 4px 10px color-mix(in srgb, var(--theme-control-active-bg) 22%, transparent); color: var(--theme-control-active-text); } .mini-roll-inline-toggle.is-fast-toggle { transform: translateY(-1px); } .mini-loan-amount-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 7px; grid-column: 2; grid-row: 1 / span 2; justify-content: flex-end; justify-self: end; min-width: 0; } .mini-loan-amount-actions .mini-roll-loan-toggle { grid-column: auto; grid-row: auto; justify-self: auto; } .mini-loan-amount-actions .mini-loan-reprice-anchor { background: transparent; border: 0; box-shadow: none; height: 34px; min-height: 34px; min-width: 82px; padding: 0; } .mini-loan-amount-actions .mini-loan-reprice-anchor:empty { display: none; height: 0; min-height: 0; min-width: 0; } .mini-loan-amount-actions .mini-loan-reprice-anchor .scenario-reprice-button { border-radius: 7px; font-size: 11px; font-weight: 400; height: 34px; min-height: 34px; min-width: 82px; padding: 8px 11px; width: auto; } .mini-purpose-bubble { align-items: center; appearance: none; background: color-mix(in srgb, #d8ecff 58%, var(--paper)); border: 1px solid color-mix(in srgb, #1d7cc1 38%, var(--line)); border-left: 4px solid #1d7cc1; border-radius: 999px; color: color-mix(in srgb, #165f94 82%, var(--ink)); display: inline-flex; font-family: inherit; gap: 6px; justify-content: center; min-height: 28px; min-width: 0; padding: 5px 8px 5px 7px; white-space: nowrap; } .mini-purpose-bubble.is-purpose-action { cursor: pointer; } .mini-purpose-bubble.is-purpose-action:hover, .mini-purpose-bubble.is-purpose-action:focus-visible { border-color: color-mix(in srgb, #1d7cc1 72%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, #1d7cc1 18%, transparent); outline: 0; } .mini-purpose-bubble span { color: color-mix(in srgb, #165f94 68%, var(--muted)); font-size: 8px; font-weight: 950; letter-spacing: 0; line-height: 1; text-transform: uppercase; } .mini-purpose-bubble strong { color: color-mix(in srgb, #165f94 86%, var(--ink)); font-size: 12px; font-weight: 950; letter-spacing: 0; line-height: 1; } .mini-purpose-bubble strong .mini-purpose-full { display: none; } .mini-rate-purpose-bubble { bottom: -2px; min-height: 28px; min-width: 88px; padding: 6px 10px; position: absolute; right: 0; top: auto; transform: none; } .mini-rate-purpose-bubble strong { font-size: 11.5px; } .mini-rate-purpose-bubble strong .mini-purpose-code { display: none; } .mini-rate-purpose-bubble strong .mini-purpose-full { display: inline; color: color-mix(in srgb, #165f94 86%, var(--ink)); font-size: 11.5px; font-weight: 950; letter-spacing: 0; line-height: 1; text-transform: none; } .mini-fee-strip span { color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .035em; line-height: 1.05; text-transform: uppercase; } .mini-fee-strip strong { color: var(--ink); font-size: 14px; line-height: 1.1; } .mini-fee-tile-adjustment.credit strong { color: #0d7a3a; } .mini-fee-tile-adjustment.cost strong { color: #b42318; } .mini-fee-tile-adjustment.par strong { color: color-mix(in srgb, var(--ink) 70%, var(--muted)); } .mini-fee-tile-cash-context { grid-column: 1 / -1; } .mini-fee-tile-cash-context.credit strong { color: #0d7a3a; } .mini-fee-tile-cash-context.cost strong { color: #b42318; } .mini-fee-tile-cash-context.par strong { color: var(--ink); } .mini-fee-comp { align-content: center; justify-self: stretch; margin-top: 0; min-height: 50px; width: 100%; } .mini-fee-tile-loan { align-content: center; grid-column: 1; min-height: 50px; } .mini-fee-tile-loan.has-loan-actions-control, .mini-fee-tile-loan.has-roll-costs-control { align-items: center; column-gap: 10px; grid-template-columns: minmax(0,1fr) auto; } .mini-fee-tile-loan.has-loan-actions-control .mini-fee-tile-head, .mini-fee-tile-loan.has-loan-actions-control > strong, .mini-fee-tile-loan.has-loan-actions-control > input, .mini-fee-tile-loan.has-roll-costs-control .mini-fee-tile-head, .mini-fee-tile-loan.has-roll-costs-control > strong, .mini-fee-tile-loan.has-roll-costs-control > input { grid-column: 1; min-width: 0; } .mini-fee-tile-loan.has-loan-actions-control .mini-fee-tile-head, .mini-fee-tile-loan.has-loan-actions-control > strong, .mini-fee-tile-loan.has-loan-actions-control > input { max-width: 150px; width: min(100%,150px); } .mini-fee-tile-full { grid-column: 1 / -1; } .mini-editable-loan-tile input { background: transparent; border: 0; color: var(--ink); font-family: inherit; font-size: 15px; font-weight: 900; line-height: 1.1; min-height: 0; padding: 0; width: 100%; } .mini-editable-loan-tile input:focus { background: color-mix(in srgb, var(--brand-gold) 9%, var(--paper)); border-radius: 4px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 45%, var(--line)); outline: 0; padding: 2px 4px; } .mini-fee-note { align-content: center; color: var(--muted); font-size: 11px; font-weight: 800; grid-column: 1 / -1; } .mini-cash-to-close-tile { align-items: center; display: flex !important; flex-direction: row; gap: 10px; grid-column: 1 / -1; justify-content: space-between; min-height: 34px; padding: 7px 9px !important; } .mini-cash-to-close-tile strong { font-size: 14px; text-align: right; } .mini-second-loan-amount-tile { align-content: center; display: grid !important; gap: 4px; justify-items: start; min-height: 50px; } .mini-second-loan-amount-tile strong { text-align: left; } .mini-second-loan-amount-tile input { background: transparent; border: 0; color: var(--ink); font-family: inherit; font-size: 15px; font-weight: 900; line-height: 1.1; min-height: 0; padding: 0; text-align: left; width: 100%; } .mini-second-loan-amount-tile input:focus { background: color-mix(in srgb, var(--brand-gold) 9%, var(--paper)); border-radius: 4px; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 45%, var(--line)); outline: 0; padding: 2px 4px; } .compact-rate-sheet { border: 1px solid var(--line); border-radius: 7px; overflow: hidden; } .compact-rate-sheet-head { background: transparent; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: minmax(0,1fr); padding: 7px 8px; } .compact-rate-sheet-head span { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; } .compact-rate-sheet-head strong { font-size: 12px; } .mini-rate-guide { container-type: inline-size; min-width: 0; } .compact-rate-sheet-head .mini-rate-guide { container-type: normal; } .mini-rate-guide-pills { display: grid; gap: 7px; grid-template-columns: repeat(3,minmax(0,1fr)); } .mini-compare-rate-sheet .mini-rate-guide-pills { gap: 6px; } .mini-compare-rate-sheet .mini-guide-pill { min-height: 36px; } .mini-guide-pill-shell { min-width: 0; position: relative; } .mini-guide-pill-shell.is-dragging { opacity: .5; } .mini-guide-pill-shell.is-drop-target .mini-guide-pill { border-color: color-mix(in srgb, var(--accent) 58%, var(--line)); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent); } .mini-guide-pill { align-items: center; background: transparent; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); cursor: pointer; display: grid; gap: 3px; justify-items: center; min-height: 41px; min-width: 0; padding: 7px 27px 7px 24px; text-align: center; transition: background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease; width: calc(100% + 3px); } .mini-guide-pill[aria-disabled="true"] { cursor: default; } .editor-section .mini-guide-include { align-items: center; cursor: pointer; display: inline-flex; gap: 0; height: 16px; justify-content: center; left: 9px; margin: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 16px; z-index: 2; } .editor-section .mini-guide-include input { accent-color: var(--green); cursor: pointer; height: 12px; margin: 0; min-height: 0; padding: 0; width: 12px; } .mini-guide-drag-handle { align-items: center; background: transparent; border: 0; border-radius: 0; color: color-mix(in srgb, var(--muted) 34%, var(--paper)); cursor: grab; display: inline-flex; height: 30px; justify-content: center; opacity: 0; padding: 0; position: absolute; right: 5px; text-shadow: 0 1px 0 color-mix(in srgb, var(--paper) 82%, transparent),0 -1px 0 color-mix(in srgb, var(--ink) 10%, transparent); top: 50%; transform: translate(4px,-50%); transition: opacity .14s ease,transform .14s ease,color .14s ease; width: 24px; z-index: 3; } .mini-guide-drag-handle::before { background: currentColor; border-radius: 999px; box-shadow: 0 -5px 0 currentColor,0 5px 0 currentColor; content: ""; height: 3px; left: 5px; position: absolute; top: 50%; transform: translateY(-50%); width: 14px; } .mini-guide-drag-handle::after { color: currentColor; content: "â–²\Aâ–¼"; font-size: 9px; font-weight: 950; left: 0; line-height: 20px; opacity: .72; position: absolute; text-align: center; top: -3px; white-space: pre; width: 24px; } .mini-guide-pill-shell:hover .mini-guide-drag-handle,.mini-guide-pill-shell:focus-within .mini-guide-drag-handle,.mini-guide-pill-shell.is-dragging .mini-guide-drag-handle { opacity: 1; transform: translate(0,-50%); } .mini-guide-drag-handle:hover,.mini-guide-drag-handle:focus { color: color-mix(in srgb, var(--accent) 48%, var(--paper)); outline: 0; } .mini-guide-drag-handle:active { cursor: grabbing; } .mini-guide-pill-shell.is-excluded .mini-guide-pill { opacity: .52; } .mini-guide-pill span { color: var(--muted); font-size: 9px; font-weight: 950; letter-spacing: .05em; line-height: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .mini-guide-pill strong { color: var(--ink); font-size: 12px; font-weight: 950; line-height: 1; } .mini-guide-apor-flag { background: color-mix(in srgb, var(--red) 9%, var(--paper)); border: 1px solid color-mix(in srgb, var(--red) 28%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--red) 72%, var(--ink)); font-size: 8px; font-weight: 950; letter-spacing: .04em; line-height: 1; padding: 2px 5px; text-transform: uppercase; white-space: nowrap; } .mini-guide-par span,.mini-guide-par strong { color: color-mix(in srgb, var(--primary) 82%, var(--ink)); } .mini-guide-no-cost span,.mini-guide-no-cost strong { color: color-mix(in srgb, var(--green) 62%, var(--ink)); } .mini-guide-buydown span,.mini-guide-buydown strong { color: color-mix(in srgb, var(--brand-gold) 76%, var(--ink)); } [data-theme="dark"] .mini-guide-par span,[data-theme="dark"] .mini-guide-par strong { color: #cfe8ff; } [data-theme="dark"] .mini-guide-no-cost span,[data-theme="dark"] .mini-guide-no-cost strong { color: #8fe0b0; } [data-theme="dark"] .mini-guide-buydown span,[data-theme="dark"] .mini-guide-buydown strong { color: #ffd56d; } .mini-guide-pill:hover,.mini-guide-pill:focus { background: color-mix(in srgb, var(--ink) 4%, var(--paper)); border-color: color-mix(in srgb, var(--ink) 30%, var(--line)); box-shadow: 0 5px 14px color-mix(in srgb, var(--ink) 8%, transparent); outline: 0; transform: translateY(-1px); } .mini-guide-pill.is-active { background: color-mix(in srgb, var(--ink) 6%, var(--paper)); border-color: color-mix(in srgb, var(--ink) 42%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ink) 20%, transparent); } .mini-guide-pill { background: var(--theme-control-active-bg); border-color: color-mix(in srgb, var(--theme-control-active-bg) 74%, var(--line)); color: var(--theme-control-active-text); padding: 7px 27px 7px 9px; } .mini-guide-option-token { align-items: center; background: #fff; border: 1px solid color-mix(in srgb, var(--paper) 92%, transparent); border-radius: 999px; box-shadow: 0 3px 8px rgba(16,24,32,.14); color: var(--theme-control-active-bg); cursor: grab; display: inline-flex; font-family: inherit; font-size: 11px; font-style: normal; font-weight: 950; height: 18px; justify-content: center; line-height: 1; padding: 0; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); transition: transform .14s ease,box-shadow .14s ease,opacity .14s ease; width: 18px; z-index: 3; } .mini-guide-option-token:hover,.mini-guide-option-token:focus { box-shadow: 0 6px 14px rgba(16,24,32,.22); outline: 0; transform: translateY(-50%) scale(1.04); } .mini-guide-option-token:active { cursor: grabbing; } .mini-guide-pill span,.mini-guide-pill strong { color: var(--theme-control-active-text); } .mini-guide-par span,.mini-guide-par strong, [data-theme="dark"] .mini-guide-par span,[data-theme="dark"] .mini-guide-par strong { color: var(--option-1-text); } .mini-guide-no-cost span,.mini-guide-no-cost strong, [data-theme="dark"] .mini-guide-no-cost span,[data-theme="dark"] .mini-guide-no-cost strong { color: var(--option-2-text); } .mini-guide-buydown span,.mini-guide-buydown strong, [data-theme="dark"] .mini-guide-buydown span,[data-theme="dark"] .mini-guide-buydown strong { color: var(--option-3-text); } .mini-guide-buydown span,.mini-guide-buydown strong { font-weight: 950; } .mini-guide-par .mini-guide-pill { background: var(--option-1); border-color: color-mix(in srgb, var(--option-1) 76%, var(--line)); } .mini-guide-no-cost .mini-guide-pill { background: var(--option-2); border-color: color-mix(in srgb, var(--option-2) 78%, var(--line)); } .mini-guide-buydown .mini-guide-pill { background: var(--option-3); border-color: color-mix(in srgb, var(--option-3) 80%, var(--line)); } .mini-guide-par .mini-guide-option-token { color: var(--option-1-token-text); } .mini-guide-no-cost .mini-guide-option-token { color: var(--option-2-token-text); } .mini-guide-buydown .mini-guide-option-token { color: var(--option-3-token-text); } .mini-guide-slot-1 .mini-guide-pill { background: var(--option-1); border-color: color-mix(in srgb, var(--option-1) 76%, var(--line)); } .mini-guide-slot-2 .mini-guide-pill { background: var(--option-2); border-color: color-mix(in srgb, var(--option-2) 78%, var(--line)); } .mini-guide-slot-3 .mini-guide-pill { background: var(--option-3); border-color: color-mix(in srgb, var(--option-3) 80%, var(--line)); } .mini-guide-slot-1 .mini-guide-pill span,.mini-guide-slot-1 .mini-guide-pill strong, [data-theme="dark"] .mini-guide-slot-1 .mini-guide-pill span,[data-theme="dark"] .mini-guide-slot-1 .mini-guide-pill strong { color: var(--option-1-text); } .mini-guide-slot-2 .mini-guide-pill span,.mini-guide-slot-2 .mini-guide-pill strong, [data-theme="dark"] .mini-guide-slot-2 .mini-guide-pill span,[data-theme="dark"] .mini-guide-slot-2 .mini-guide-pill strong { color: var(--option-2-text); } .mini-guide-slot-3 .mini-guide-pill span,.mini-guide-slot-3 .mini-guide-pill strong, [data-theme="dark"] .mini-guide-slot-3 .mini-guide-pill span,[data-theme="dark"] .mini-guide-slot-3 .mini-guide-pill strong { color: var(--option-3-text); } .mini-guide-slot-1 .mini-guide-option-token { color: var(--option-1-token-text); } .mini-guide-slot-2 .mini-guide-option-token { color: var(--option-2-token-text); } .mini-guide-slot-3 .mini-guide-option-token { color: var(--option-3-token-text); } .mini-guide-pill:hover,.mini-guide-pill:focus { border-color: color-mix(in srgb, #fff 72%, var(--line)); box-shadow: 0 7px 18px rgba(16,24,32,.16); } .mini-guide-pill.is-active { box-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 28%, transparent),0 5px 14px rgba(16,24,32,.12); } .mini-guide-pill-shell.is-excluded .mini-guide-pill { opacity: 1; } .mini-guide-pill-shell.is-excluded .mini-guide-option-token { opacity: .62; } .mini-guide-pill-shell.is-apor-warn .mini-guide-pill { border-color: color-mix(in srgb, var(--brand-gold) 48%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-gold) 18%, transparent); } .mini-guide-pill-shell.is-apor-blocked .mini-guide-pill { border-color: color-mix(in srgb, var(--red) 48%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 18%, transparent); } @container (min-width: 560px) { .mini-rate-guide .mini-guide-pill { display: flex; gap: 5px; justify-content: center; min-height: 43px; padding-bottom: 7px; padding-top: 7px; } .mini-rate-guide .mini-guide-pill span { font-size: 11px; letter-spacing: .035em; } .mini-rate-guide .mini-guide-pill span::after { content: " -"; } .mini-rate-guide .mini-guide-pill strong { font-size: 13px; } .mini-rate-guide .mini-guide-apor-flag { margin-left: 2px; } } .mini-apor-notice { align-items: center; background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)); border: 1px solid color-mix(in srgb, var(--brand-gold) 36%, var(--line)); border-radius: 7px; color: color-mix(in srgb, var(--ink) 82%, var(--muted)); display: flex; gap: 7px; justify-content: space-between; margin-top: -2px; padding: 7px 9px; } .mini-pricing-warning-stack { align-items: stretch; display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; } .mini-pricing-warning-stack .mini-apor-notice { flex: 1 1 140px; margin-top: 0; min-height: 39px; min-width: 0; width: auto; } .mini-pricing-warning-stack .mini-apor-notice strong { font-size: 9px; line-height: 1.05; } .mini-pricing-warning-stack .mini-apor-notice span, .mini-pricing-warning-stack .mini-roll-cap-copy { font-size: 10px; line-height: 1.15; text-align: left; } button.mini-apor-notice { appearance: none; cursor: pointer; font-family: inherit; width: 100%; } .mini-apor-notice strong { color: color-mix(in srgb, var(--brand-gold) 76%, var(--ink)); flex: 0 0 auto; font-size: 10px; font-weight: 950; letter-spacing: .05em; text-transform: uppercase; } .mini-apor-notice .mini-warning-icon-label { align-items: center; display: inline-flex; gap: 5px; } .mini-apor-notice .mini-warning-icon-label::before { align-items: center; border: 1px solid currentColor; border-radius: 999px; content: "!"; display: inline-flex; flex: 0 0 auto; font-size: 9px; font-weight: 950; height: 14px; justify-content: center; line-height: 1; width: 14px; } .mini-apor-notice .mini-opportunity-icon-label { align-items: center; display: inline-flex; gap: 5px; } .mini-apor-notice .mini-opportunity-icon-label::before { align-items: center; content: "*"; display: inline-flex; flex: 0 0 14px; font-size: 21px; font-weight: 950; height: 14px; justify-content: center; line-height: 1; transform: translateY(2px); width: 14px; } .mini-apor-notice span { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: 0; line-height: 1.25; text-align: right; text-transform: none; } .mini-apor-notice.blocked { background: color-mix(in srgb, var(--red) 9%, var(--paper)); border-color: color-mix(in srgb, var(--red) 34%, var(--line)); } .mini-apor-notice.blocked strong { color: color-mix(in srgb, var(--red) 74%, var(--ink)); } .mini-apor-notice.blocked span { color: color-mix(in srgb, var(--red) 74%, var(--ink)); } button.mini-apor-notice.is-clearable:hover { background: color-mix(in srgb, var(--red) 12%, var(--paper)); border-color: color-mix(in srgb, var(--red) 42%, var(--line)); } button.mini-apor-notice.is-clearable:focus-visible { outline: 3px solid color-mix(in srgb, var(--red) 24%, transparent); outline-offset: 2px; } .mini-roll-cap-notice { align-items: start; cursor: pointer; font-family: inherit; text-align: left; width: 100%; } .mini-roll-cap-notice:hover { background: color-mix(in srgb, var(--brand-gold) 15%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 48%, var(--line)); } .mini-roll-cap-notice:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 32%, transparent); outline-offset: 2px; } .mini-preferred-auto-notice { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 34%, var(--line)); } .mini-preferred-auto-notice strong { color: color-mix(in srgb, var(--accent) 82%, var(--primary)); } .mini-preferred-auto-notice span { color: color-mix(in srgb, var(--primary) 72%, var(--muted)); } .mini-preferred-auto-notice:hover { background: color-mix(in srgb, var(--accent) 15%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); } .mini-pricing-warning-stack .mini-preferred-auto-notice { align-items: center; justify-content: center; min-height: 44px; padding-bottom: 9px; padding-top: 9px; } .mini-pricing-warning-stack .mini-preferred-auto-notice .mini-preferred-auto-copy { align-items: center; color: color-mix(in srgb, var(--primary) 78%, var(--muted)); display: flex; font-size: 13px; font-weight: 950; justify-content: center; line-height: 1.15; text-align: center; width: 100%; } .mini-pricing-warning-stack .mini-snapshot-issue-notice { align-items: center; grid-template-columns: minmax(0,1fr); justify-content: center; } .mini-pricing-warning-stack .mini-snapshot-issue-notice .mini-roll-cap-copy { align-items: center; display: flex; font-size: 13px; font-weight: 950; justify-content: center; line-height: 1.15; text-align: center; width: 100%; } .mini-pricing-warning-stack .mini-snapshot-issue-notice, .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-snapshot-issue-notice { background: color-mix(in srgb, var(--red) 9%, var(--paper)); border-color: color-mix(in srgb, var(--red) 34%, var(--line)); } .mini-pricing-warning-stack .mini-snapshot-issue-notice .mini-roll-cap-copy, .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-snapshot-issue-notice .mini-roll-cap-copy { color: color-mix(in srgb, var(--red) 74%, var(--ink)); } .mini-pricing-warning-stack .mini-snapshot-issue-notice:hover, .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-snapshot-issue-notice:hover { background: color-mix(in srgb, var(--red) 12%, var(--paper)); border-color: color-mix(in srgb, var(--red) 42%, var(--line)); } .mini-roll-cap-copy { color: var(--muted); display: block; flex: 1 1 auto; font-size: 11px; font-weight: 850; letter-spacing: 0; line-height: 1.25; min-width: 0; text-align: right; text-transform: none; } .compact-rate-sheet-scroll { max-height: none; overflow-y: visible; overscroll-behavior: contain; scrollbar-width: none; touch-action: pan-y; -webkit-overflow-scrolling: touch; } .compact-rate-sheet-scroll:focus { outline: 0; } .compact-rate-sheet-scroll.is-scrollable { cursor: default; max-height: calc(29px + (var(--mini-rate-visible-rows, 10) * 22px)); overflow-y: auto; touch-action: pan-y; } .compact-rate-sheet-scroll.is-scrollable.is-drag-scrolling { cursor: default; user-select: none; } .compact-rate-sheet-scroll::-webkit-scrollbar { display: none; } .compact-rate-sheet table { border-collapse: collapse; border-spacing: 0; font-size: 12px; min-width: 0; table-layout: fixed; width: 100%; } .compact-rate-sheet col.rate-col { width: 23%; } .compact-rate-sheet.has-auto-lenders col.rate-col { width: 18%; } .compact-rate-sheet col.lender-col { width: 11%; } .compact-rate-sheet.has-auto-lenders col.pts-col { width: 20%; } .compact-rate-sheet.has-auto-lenders col.dol-col { width: 22%; } .compact-rate-sheet.has-auto-lenders col.alert-col { width: 6%; } .compact-rate-sheet.has-auto-lenders col.pi-col { width: 23%; } .compact-rate-sheet col.pts-col { width: 22%; } .compact-rate-sheet col.dol-col { width: 25%; } .compact-rate-sheet col.alert-col { width: 6%; } .compact-rate-sheet col.pi-col { width: 24%; } .mini-pricing-body.is-compare .compact-rate-sheet col.rate-col { width: 20%; } .mini-pricing-body.is-compare .compact-rate-sheet col.pts-col { width: 18%; } .mini-pricing-body.is-compare .compact-rate-sheet col.dol-col { width: 25%; } .mini-pricing-body.is-compare .compact-rate-sheet col.alert-col { width: 8%; } .mini-pricing-body.is-compare .compact-rate-sheet col.pi-col { width: 29%; } .mini-pricing-body.is-compare .compact-rate-sheet.has-auto-lenders col.rate-col { width: 17%; } .mini-pricing-body.is-compare .compact-rate-sheet.has-auto-lenders col.lender-col { width: 10%; } .mini-pricing-body.is-compare .compact-rate-sheet.has-auto-lenders col.pts-col { width: 17%; } .mini-pricing-body.is-compare .compact-rate-sheet.has-auto-lenders col.dol-col { width: 22%; } .mini-pricing-body.is-compare .compact-rate-sheet.has-auto-lenders col.alert-col { width: 7%; } .mini-pricing-body.is-compare .compact-rate-sheet.has-auto-lenders col.pi-col { width: 27%; } .compact-rate-sheet th { background: color-mix(in srgb, var(--soft) 76%, var(--paper)); border-left: 0 !important; border-right: 0 !important; box-shadow: none; color: color-mix(in srgb, var(--ink) 88%, var(--muted)); font-size: 9.5px; font-weight: 850; letter-spacing: .035em; padding: 6px 6px; position: sticky; text-align: left; text-transform: uppercase; top: 0; z-index: 1; } .compact-rate-sheet th:nth-child(2),.compact-rate-sheet th:nth-child(3) { text-align: center; } .compact-rate-sheet th:nth-child(4) { text-align: right; } .compact-rate-sheet th:last-child { text-align: right; } .compact-rate-sheet.has-auto-lenders th:nth-child(2),.compact-rate-sheet.has-auto-lenders th:nth-child(3) { text-align: center; } .compact-rate-sheet.has-auto-lenders th:nth-child(4),.compact-rate-sheet.has-auto-lenders th:nth-child(5) { text-align: right; } .compact-rate-sheet th.mini-rate-alert-head { text-align: center !important; } .compact-rate-sheet:not(.has-auto-lenders) thead th:nth-child(3) { padding-right: 16px; text-align: right; } .compact-rate-sheet.has-auto-lenders thead th:nth-child(4) { padding-right: 16px; text-align: right; } .compact-rate-sheet td { background: transparent; border-left: 0 !important; border-right: 0 !important; border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent); box-shadow: none; padding: 0; } .compact-rate-sheet td:nth-child(2),.compact-rate-sheet td:nth-child(3) { text-align: center; } .compact-rate-sheet td:nth-child(4) { text-align: right; } .compact-rate-sheet.has-auto-lenders td:nth-child(2),.compact-rate-sheet.has-auto-lenders td:nth-child(3) { text-align: center; } .compact-rate-sheet.has-auto-lenders td:nth-child(4),.compact-rate-sheet.has-auto-lenders td:nth-child(5) { text-align: right; } .compact-rate-sheet td.mini-rate-alert-cell { text-align: center !important; } .compact-rate-sheet .par-row td { background: color-mix(in srgb, var(--brand-gold) 11%, transparent); } .compact-rate-sheet .selected-rate-row td { background: color-mix(in srgb, var(--ink) 6%, transparent); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ink) 70%, var(--line)), inset 0 -1px 0 color-mix(in srgb, var(--ink) 70%, var(--line)); } .compact-rate-sheet .selected-rate-row td:first-child { box-shadow: inset 1px 0 0 color-mix(in srgb, var(--ink) 70%, var(--line)), inset 0 1px 0 color-mix(in srgb, var(--ink) 70%, var(--line)), inset 0 -1px 0 color-mix(in srgb, var(--ink) 70%, var(--line)); } .compact-rate-sheet .selected-rate-row td:last-child { box-shadow: inset -1px 0 0 color-mix(in srgb, var(--ink) 70%, var(--line)), inset 0 1px 0 color-mix(in srgb, var(--ink) 70%, var(--line)), inset 0 -1px 0 color-mix(in srgb, var(--ink) 70%, var(--line)); } .compact-rate-sheet tr.apor-warn:not(.selected-rate-row) td, .compact-rate-sheet tr.apor-blocked:not(.selected-rate-row) td { box-shadow: none; } .compact-rate-sheet .mini-rate-filler-row { pointer-events: none; } .compact-rate-sheet .mini-rate-filler-row td { background: color-mix(in srgb, var(--paper) 42%, transparent); box-shadow: none !important; } .compact-rate-sheet .mini-rate-filler-row span { display: block; height: 22px; min-height: 22px; } .mini-rate-row-alerts { align-items: center; display: inline-grid; gap: 2px; grid-template-columns: repeat(3, 14px); justify-content: center; min-width: 46px; width: 46px; } .mini-rate-row-alert { align-items: center; border: 1.5px solid currentColor; border-radius: 999px; display: inline-flex; flex: 0 0 14px; font-size: 9px; font-weight: 950; height: 14px; justify-content: center; line-height: 1; width: 14px; } .mini-rate-row-alert:is(.mini-rate-row-alert-apor,.mini-rate-row-alert-apor-blocked) { grid-column: 1; } .mini-rate-row-alert-eligibility { grid-column: 2; } .mini-rate-row-alert-ltv { grid-column: 3; } button.mini-rate-row-alert { appearance: none; background: transparent; cursor: pointer; font-family: inherit; padding: 0; } button.mini-rate-row-alert:hover,button.mini-rate-row-alert:focus-visible { background: color-mix(in srgb, currentColor 10%, transparent); outline: 0; } .mini-rate-row-alert-apor,.mini-rate-row-alert-apor-blocked { color: color-mix(in srgb, var(--red) 78%, var(--ink)); } .mini-rate-row-alert-ltv { color: color-mix(in srgb, var(--brand-gold) 82%, var(--ink)); } .mini-rate-row-alert-eligibility { color: color-mix(in srgb, var(--accent) 82%, var(--primary)); } .mini-pricing-warning-stack .mini-preferred-auto-notice .mini-preferred-auto-copy, html[data-theme="dark"] body .mini-pricing-warning-stack .mini-preferred-auto-notice .mini-preferred-auto-copy { font-weight: 950 !important; } .compact-rate-sheet-title { align-items: center; display: flex; gap: 8px; justify-content: space-between; min-width: 0; } .compact-rate-sheet-title span { color: var(--muted); font-size: 10px; font-weight: 950; letter-spacing: .05em; text-transform: uppercase; } .compact-rate-sheet-title strong { color: var(--ink); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mini-compare-snapshot { background: color-mix(in srgb, var(--soft) 42%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 8px; display: grid; gap: 8px; padding: 8px; } .mini-rate-snapshot-body.mini-compare-snapshot { background: transparent; border: 0; border-radius: 0; padding: 0; } .mini-compare-quote-summary { background: color-mix(in srgb, var(--paper) 92%, var(--green) 3%); border-color: color-mix(in srgb, var(--green) 22%, var(--line)); gap: 8px; padding: 8px; } .mini-compare-quote-summary .mini-product-controls select { background: var(--paper); } .mini-compare-copy { gap: 4px; } .mini-compare-copy strong { font-size: 30px; font-weight: 650; line-height: 1; } .mini-lien-tag { align-items: center; background: var(--primary); border: 1px solid color-mix(in srgb, var(--primary) 80%, var(--line)); border-radius: 999px; color: #fff !important; display: inline-flex !important; font-size: 9px !important; font-weight: 950 !important; letter-spacing: .05em !important; line-height: 1 !important; padding: 4px 6px; text-transform: uppercase !important; white-space: nowrap; } .mini-compare-source { gap: 2px; } .mini-compare-logo { margin-top: 1px; } .mini-compare-logo .lender-logo { height: 28px; max-width: 132px; } .mini-compare-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } .mini-compare-metrics div { background: var(--paper); border-color: color-mix(in srgb, var(--green) 20%, var(--line)); min-height: 48px; padding: 8px 9px; } .mini-compare-metrics span { color: var(--muted); } .mini-compare-metrics strong { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mini-compare-rate-sheet .compact-rate-sheet-head { padding: 7px 8px; } .mini-compare-rate-sheet .compact-rate-sheet-scroll:not(.is-scrollable) { max-height: none; } .mini-compare-rate-sheet .compact-rate-sheet th { background: color-mix(in srgb, var(--green) 8%, var(--paper)); } .mini-compare-rate-sheet .rate-link { min-height: 17px; padding: 2px 8px; } .mini-rate-snapshot-frame[open] .compact-rate-sheet, .mini-rate-snapshot-frame[open] .compact-rate-sheet-head, .mini-rate-snapshot-frame[open] .compact-rate-sheet-scroll, .mini-rate-snapshot-frame[open] .compact-rate-sheet table { background: var(--paper); } .mini-rate-snapshot-frame[open] .compact-rate-sheet th, .mini-rate-snapshot-frame[open] .compact-rate-sheet thead { background: var(--paper); box-shadow: 0 1px 0 var(--line); } .mini-control-cluster { background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 90%, var(--accent)); border-radius: 7px; container-type: inline-size; display: grid; gap: 6px; padding: 8px; } .pricing-presets-drawer { gap: 0; margin-top: 6px; overflow: visible; padding: 0; } .pricing-presets-drawer[open] { position: relative; z-index: 20; } .mini-snapshot-presets-drawer { margin-top: -2px; } .mini-snapshot-presets-drawer .pricing-presets-summary { align-items: center; gap: 12px; grid-template-columns: max-content minmax(0,1fr); min-height: 48px; padding: 9px 10px; } .mini-snapshot-presets-drawer .pricing-presets-summary .pricing-presets-title { align-self: center; justify-self: start; padding-top: 0; text-align: left; width: auto; } .mini-snapshot-presets-drawer .pricing-presets-preview { justify-self: end; transform: none; width: min(296px,100%); } .pricing-presets-summary { align-items: start; cursor: pointer; display: grid; gap: 7px; grid-template-columns: max-content minmax(0,1fr); list-style: none; min-height: 50px; padding: 4px 9px 8px 9px; } .pricing-presets-summary::-webkit-details-marker { display: none; } .pricing-presets-title-zone { align-items: center; display: inline-flex; gap: 8px; min-width: 0; } .pricing-presets-summary .pricing-presets-title { align-items: center; background: var(--label-tab-bg); border: 1px solid var(--label-tab-border); border-radius: 7px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); color: color-mix(in srgb, var(--ink) 82%, var(--muted)); display: inline-flex; font-size: 12px; font-weight: 850; gap: 8px; height: 38px; justify-content: center; letter-spacing: 0; line-height: 1.15; padding: 0 14px 2px 10px; text-transform: none; } .pricing-presets-summary .pricing-presets-title::before { background: var(--label-tab-accent); border-radius: 999px; content: ""; display: inline-block; flex: 0 0 auto; height: 18px; width: var(--section-label-accent-width); } .pricing-presets-summary:hover .pricing-presets-title,.pricing-presets-summary:focus .pricing-presets-title { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); outline: 0; } .mini-preset-auto-mood { align-items: center; appearance: none; background: linear-gradient(135deg,color-mix(in srgb,var(--auto-mood-a, var(--primary)) 92%,#fff),color-mix(in srgb,var(--auto-mood-b, var(--accent)) 88%,#fff)); border: 1px solid color-mix(in srgb,var(--auto-mood-c, var(--accent)) 56%,var(--auto-mood-a, var(--primary))); border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2); color: #fff; cursor: pointer; display: inline-flex; font-family: inherit; gap: 0; justify-content: center; min-height: 26px; min-width: 0; padding: 4px 10px; white-space: nowrap; } .mini-preset-auto-mood strong { display: none; } .mini-preset-auto-mood em { color: #fff; font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: 0; line-height: 1; text-shadow: 0 1px 1px rgba(0,0,0,.24); } .mini-preset-auto-mood:hover,.mini-preset-auto-mood:focus-visible { box-shadow: 0 0 0 3px color-mix(in srgb, var(--auto-mood-c, var(--accent)) 24%, transparent), inset 0 1px 0 rgba(255,255,255,.22); outline: 0; } .mini-preset-auto-mood.is-preferred-display { border-radius: 7px; height: 28px; justify-self: end; max-width: 124px; min-height: 28px; padding-left: 10px; padding-right: 10px; width: 100%; } .mini-preset-auto-mood.is-preferred-display em { max-width: 104px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mini-preset-auto-mood.is-preview-display { border-radius: 999px; height: 28px; max-width: 118px; min-height: 28px; padding-left: 10px; padding-right: 10px; width: 100%; } .mini-preset-auto-mood.is-preview-display em { max-width: 96px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mini-preset-auto-mood.is-expanded-control { border-radius: 7px; height: 40px; min-height: 40px; padding-left: 8px; padding-right: 8px; width: 100%; } .mini-preset-auto-mood.is-expanded-control em { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pricing-presets-preview { align-content: center; display: grid; gap: 5px; justify-self: end; min-width: 0; transform: none; } .pricing-preset-preview-row { align-items: center; display: grid; gap: 5px; grid-template-columns: minmax(74px,108px) minmax(82px,124px) minmax(54px,68px); justify-content: end; min-height: 30px; min-width: 0; width: 100%; } .pricing-preset-option-count { align-items: center; border: 0; border-radius: 999px; color: var(--theme-control-active-text); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 10px; font-style: normal; font-weight: 950; justify-content: center; line-height: 1.05; min-height: 28px; min-width: 0; padding: 6px 8px; text-align: center; width: 100%; } .pricing-preset-option-count.option-count-0 { background: color-mix(in srgb, var(--muted) 18%, var(--paper)); border: 1px solid color-mix(in srgb, var(--muted) 24%, var(--line)); color: color-mix(in srgb, var(--muted) 86%, var(--ink)); } .pricing-preset-option-count.option-count-1 { background: var(--option-1); color: var(--option-1-text); } .pricing-preset-option-count.option-count-2 { background: var(--option-2); color: var(--option-2-text); } .pricing-preset-option-count.option-count-3 { background: var(--option-3); color: var(--option-3-text); } .pricing-preset-option-count.is-bpc { background: var(--theme-control-active-bg); color: var(--theme-control-active-text); } .pricing-preset-option-count.is-lpc { background: color-mix(in srgb, var(--accent) 72%, var(--theme-control-active-bg)); color: var(--theme-control-active-text); } .pricing-preset-option-count.is-corr { background: var(--theme-control-active-bg); color: var(--theme-control-active-text); } .pricing-preset-lender-cycle { align-items: center; background: var(--theme-control-active-bg); border: 1px solid color-mix(in srgb, var(--theme-control-active-bg) 78%, var(--line)); border-radius: 999px; box-shadow: 0 3px 8px color-mix(in srgb, var(--theme-control-active-bg) 22%, transparent); color: var(--theme-control-active-text); cursor: pointer; display: inline-flex; font-family: inherit; justify-content: center; line-height: 1.05; min-height: 28px; min-width: 0; overflow: hidden; padding: 4px 12px; width: 100%; } .pricing-preset-lender-cycle .lender-brand.chip { background: transparent; border: 0; border-radius: 0; justify-content: center; min-height: 20px; min-width: 0; overflow: hidden; padding: 0; width: 100%; } .pricing-preset-lender-cycle .lender-logo { height: 16px; max-width: 32px; } .pricing-preset-lender-cycle .lender-logo-mark { height: 18px; max-width: 18px; width: 18px; } .pricing-preset-lender-cycle .lender-logo-stack { justify-content: center; width: 100%; } .pricing-preset-lender-cycle .mini-preset-auto-logo, .pricing-preset-lender-cycle .mini-preset-lender-text { align-items: center; color: currentColor; display: inline-flex; font-size: 12px; font-weight: 950; justify-content: center; line-height: 1.05; max-width: 100%; min-width: 0; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .pricing-preset-lender-cycle .mini-preset-lender-name { align-items: center; color: #fff; display: inline-flex; font-size: 12px; font-weight: 760; justify-content: center; line-height: 1.05; max-width: 100%; min-width: 0; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .pricing-preset-lender-cycle .mini-preset-auto-text { font-size: 10px; letter-spacing: .04em; } .pricing-preset-lender-cycle.is-auto.is-bpc { background: var(--theme-control-active-bg); border-color: color-mix(in srgb, var(--theme-control-active-bg) 74%, var(--line)); color: var(--theme-control-active-text); } .pricing-preset-lender-cycle.is-auto.is-lpc { background: color-mix(in srgb, var(--accent) 72%, var(--theme-control-active-bg)); border-color: color-mix(in srgb, var(--theme-control-active-bg) 74%, var(--line)); color: var(--theme-control-active-text); } .pricing-preset-lender-cycle.is-auto.is-corr { background: var(--theme-control-active-bg); border-color: color-mix(in srgb, var(--theme-control-active-bg) 74%, var(--line)); color: var(--theme-control-active-text); } .pricing-preset-lender-cycle.is-auto[class*="deterministic-auto-mood-"] { background: linear-gradient(135deg,color-mix(in srgb,var(--auto-mood-a, var(--primary)) 94%,#fff),color-mix(in srgb,var(--auto-mood-b, var(--accent)) 88%,#fff)) !important; border-color: color-mix(in srgb,var(--auto-mood-c, var(--accent)) 54%,var(--auto-mood-a, var(--primary))) !important; color: #fff !important; } .pricing-preset-comp-preview { align-items: center; border: 0; border-radius: 999px; color: var(--theme-control-active-text); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 10px; font-style: normal; font-weight: 950; justify-content: center; line-height: 1.05; min-height: 28px; min-width: 0; padding: 6px 8px; text-align: center; text-transform: none; white-space: normal; width: 100%; } .pricing-preset-comp-preview.is-bpc { background: var(--theme-control-active-bg); } .pricing-preset-comp-preview.is-lpc { background: color-mix(in srgb, var(--accent) 72%, var(--theme-control-active-bg)); } .pricing-preset-comp-preview.is-corr { background: var(--theme-control-active-bg); } .pricing-preset-comp-preview.is-locked,.pricing-preset-comp-preview:disabled { cursor: default; opacity: 1; } .pricing-preset-option-count:hover,.pricing-preset-option-count:focus, .pricing-preset-comp-preview:hover,.pricing-preset-comp-preview:focus, .pricing-preset-lender-cycle:hover,.pricing-preset-lender-cycle:focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent); outline: 0; } .pricing-presets-summary::after { display: none; } .pricing-presets-drawer[open] .pricing-presets-summary { border-bottom: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line)); } .pricing-presets-drawer[open] .pricing-presets-preview, .pricing-presets-drawer[open] .pricing-preset-preview-row { display: none; opacity: 0; visibility: hidden; } .pricing-presets-drawer[open] .pricing-presets-summary::after { display: none; } .pricing-presets-body { display: grid; gap: 10px; overflow: visible; padding: 8px 9px 11px; } .quote-stack-toggle .stack-toggle-icon, .quote-breakdown-section summary::after, .quote-breakdown-section:not([open]) summary::after, .eligibility-notes summary::after, .eligibility-notes[open] summary::after, .mini-rate-snapshot-head::after, .pricing-presets-summary::after, .editor-section-summary::after { content: none; display: none; } .mini-control-cluster-head { align-items: start; display: grid; grid-template-columns: minmax(0,1fr); min-width: 0; } .mini-control-cluster-head span { color: var(--ink); font-size: 14px; font-weight: 950; letter-spacing: .04em; text-transform: uppercase; } .mini-control-stack-grid { display: grid; gap: 10px; grid-template-columns: minmax(0,1fr); position: relative; } .mini-control-stack-grid.has-two-stacks { grid-template-columns: repeat(2,minmax(0,1fr)); } .mini-control-stack-grid.has-two-stacks::before { background: color-mix(in srgb, var(--accent) 20%, var(--line)); bottom: 0; content: ""; left: 50%; position: absolute; top: 0; transform: translateX(-.5px); width: 1px; } .mini-control-stack { display: grid; gap: 10px; min-width: 0; overflow: visible; } .mini-control-stack-grid.has-two-stacks .mini-control-stack.is-second { padding-left: 3px; } .mini-control-stack-title { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr); min-height: 18px; min-width: 0; } .mini-control-stack-title > span { color: var(--muted); font-size: 11px; font-weight: 820; letter-spacing: 0; line-height: 1; text-transform: none; white-space: nowrap; } .mini-control-stack-top { align-items: start; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) minmax(86px,.36fr) minmax(88px,.36fr); justify-content: center; min-width: 0; } .mini-control-pref-field { display: grid !important; gap: 5px !important; justify-items: center; margin: 0 !important; min-width: 0; } .mini-control-pref-field > span:not(.custom-choice-shell) { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: 0; line-height: 1; text-align: center; text-transform: none; white-space: nowrap; } .mini-control-pref-field select { background: var(--paper); border: 1px solid var(--line); border-radius: 6px; color: var(--ink); font-family: inherit; font-size: 12px; font-weight: 850; min-height: 30px; min-width: 0; padding: 5px 8px; width: 100%; } .mini-control-pref-field .custom-choice-shell { width: 100%; } .mini-control-pref-field .mini-pref-choice-shell .custom-choice-menu summary { align-items: center; grid-template-columns: minmax(0,1fr); padding: 8px 10px; } .mini-control-pref-field .mini-pref-choice-shell .custom-choice-menu summary::after { display: none; } .mini-control-pref-field .mini-pref-choice-shell .custom-choice-menu strong { color: var(--ink); font-size: 13px; font-weight: 950; grid-column: 1; line-height: 1.22; min-width: 0; padding-top: 1px; text-align: center; width: 100%; } .mini-control-pref-field .mini-pref-choice-shell .custom-choice-menu strong.custom-choice-summary-rich:has(.mini-pref-display-logo) { align-items: center; display: grid; gap: 8px; grid-template-columns: 30px minmax(0,1fr); text-align: left; } .mini-control-pref-field .mini-pref-display-logo { align-items: center; background: transparent; border: 0; border-radius: 999px; display: inline-flex; justify-content: center; min-height: 22px; padding: 0; width: 30px; } .mini-control-pref-field .mini-pref-display-logo, .mini-control-pref-field .mini-pref-display-logo span { color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: 0; line-height: inherit; text-transform: none; white-space: normal; } .mini-control-pref-field .mini-pref-display-logo .lender-logo-stack { align-items: center; display: inline-flex; justify-content: center; min-width: 0; width: 100%; } .mini-control-pref-field .mini-pref-display-logo .lender-logo { height: 17px; max-width: 26px; } .mini-control-pref-field .mini-pref-display-logo .lender-logo-mark { height: 21px; max-width: 21px; width: 21px; } .mini-control-pref-field .mini-pref-display-logo .lender-logo-union-chip { height: 16px; max-width: 28px; } .mini-control-pref-field .mini-pref-display-text { color: inherit; display: block; font-size: inherit; font-weight: inherit; letter-spacing: 0; line-height: inherit; min-width: 0; overflow: hidden; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } .mini-pref-auto-display { align-items: center; display: grid; gap: 2px; grid-template-columns: minmax(34px,1fr) minmax(92px,124px); min-width: 0; width: 100%; } .mini-pref-auto-display .mini-pref-display-text { justify-self: start; text-align: left; } .mini-control-pref-field .mini-pref-auto-display.is-investor-only { display: inline-flex; justify-content: center; } .mini-control-pref-field .mini-pref-auto-display.is-investor-only .mini-pref-display-text { justify-self: center; text-align: center; } .mini-control-mood-field { align-content: start; align-self: stretch; display: grid !important; gap: 5px !important; justify-items: stretch; margin: 0 !important; min-width: 0; } .mini-control-mood-field > span { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: 0; line-height: 1; text-align: center; text-transform: none; white-space: nowrap; } .mini-control-comp-panel { align-self: start; display: grid; gap: 0; justify-self: stretch; min-width: 0; width: 100%; } .mini-control-structure-field { align-content: start; align-self: stretch; display: grid !important; gap: 5px !important; justify-items: stretch; margin: 0 !important; min-width: 0; } .mini-control-structure-field > span { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: 0; line-height: 1; text-align: center; text-transform: none; white-space: nowrap; } .mini-control-structure-toggle { align-items: center; border: 1px solid color-mix(in srgb, var(--green) 46%, var(--line)); border-radius: 6px; color: color-mix(in srgb, var(--green) 80%, var(--ink)); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 12px; font-weight: 950; height: 40px; justify-content: center; line-height: 1; min-height: 40px; min-width: 0; padding: 6px 10px; width: 100%; } .mini-control-structure-toggle.is-lpc { background: color-mix(in srgb, var(--green) 15%, var(--paper)); border-color: color-mix(in srgb, var(--green) 46%, var(--line)); color: color-mix(in srgb, var(--green) 80%, var(--ink)); } .mini-control-structure-toggle.is-bpc, .mini-control-structure-toggle.is-corr { background: color-mix(in srgb, #d8ecff 58%, var(--paper)); border-color: color-mix(in srgb, #1d7cc1 42%, var(--line)); color: color-mix(in srgb, #0a66a6 82%, var(--ink)); } .mini-control-structure-toggle.is-locked,.mini-control-structure-toggle:disabled { cursor: default; opacity: 1; } .mini-control-structure-toggle:hover,.mini-control-structure-toggle:focus { box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 18%, transparent); outline: 0; } .mini-control-comp-toggle { align-items: center; background: color-mix(in srgb, var(--accent) 72%, var(--theme-control-active-bg)); border: 1px solid color-mix(in srgb, var(--theme-control-active-bg) 74%, var(--line)); border-radius: 999px; box-shadow: 0 1px 4px color-mix(in srgb, var(--theme-control-active-bg) 28%, transparent); color: var(--theme-control-active-text); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 10px; font-weight: 950; justify-content: center; line-height: 1; min-height: 30px; min-width: 74px; padding: 8px 14px 7px; text-transform: uppercase; } .mini-control-comp-toggle.is-bpc { background: var(--theme-control-active-bg); } .mini-control-comp-toggle:hover,.mini-control-comp-toggle:focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-control-active-bg) 18%, transparent),0 1px 4px color-mix(in srgb, var(--theme-control-active-bg) 28%, transparent); outline: 0; } .mini-control-comp-input { align-content: start; display: grid !important; gap: 5px !important; grid-template-columns: minmax(0,1fr); justify-items: center; margin: 0 !important; min-width: 0; } .mini-control-comp-input > span:not(.custom-choice-shell) { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: 0; line-height: 1; text-align: center; text-transform: none; } .mini-control-comp-input .custom-choice-shell { width: 100%; } .mini-pref-choice-shell .custom-choice-menu summary,.mini-comp-choice-shell .custom-choice-menu summary { min-height: 40px; } .mini-comp-choice-shell .custom-choice-menu summary { background: var(--paper); border-color: var(--line); border-radius: 7px; grid-template-columns: minmax(0,1fr); padding: 9px 10px; } .mini-comp-choice-shell .custom-choice-menu summary::after { display: none; } .mini-comp-choice-shell .custom-choice-menu strong { color: var(--ink); font-size: 13px; font-weight: 950; grid-column: 1; line-height: 1; text-align: center; } .mini-comp-choice-shell .quick-choice-options { left: 50%; max-width: min(148px,calc(100vw - 42px)); min-width: 118px; right: auto; transform: translateX(-50%); z-index: 140; } .mini-comp-choice-shell.is-locked .custom-choice-menu { pointer-events: none; } .mini-comp-choice-shell.is-locked .custom-choice-menu summary { background: color-mix(in srgb, var(--ink) 3%, var(--paper)); border-color: color-mix(in srgb, var(--muted) 18%, var(--line)); color: color-mix(in srgb, var(--ink) 72%, var(--muted)); cursor: default; } .mini-control-comp-input.is-locked span { color: color-mix(in srgb, var(--muted) 86%, var(--ink)); } .mini-control-option-matrix { background: color-mix(in srgb, var(--ink) 1.5%, transparent); border: 1px solid color-mix(in srgb, var(--accent) 16%, var(--line)); border-radius: 7px; display: grid; gap: 8px; overflow: visible; padding: 10px 7px; } .mini-control-option-head,.mini-control-option-row { align-items: center; display: grid; gap: 4px; grid-template-columns: 34px repeat(3,minmax(0,1fr)); min-width: 0; overflow: visible; } .mini-control-option-matrix.active-count-2 .mini-control-option-head, .mini-control-option-matrix.active-count-2 .mini-control-option-row { grid-template-columns: 34px repeat(2,minmax(0,1fr)); } .mini-control-option-matrix.active-count-1 .mini-control-option-head, .mini-control-option-matrix.active-count-1 .mini-control-option-row { grid-template-columns: 34px minmax(0,1fr); } .mini-control-option-toggle { cursor: pointer; display: block; line-height: 1; margin: 0; min-width: 0; white-space: nowrap; } .mini-control-option-toggle input { height: 1px; opacity: 0; pointer-events: none; position: absolute; width: 1px; } .mini-control-option-toggle span { align-items: center; background: color-mix(in srgb, var(--theme-control-active-bg) 92%, #000); border: 1px solid color-mix(in srgb, var(--theme-control-active-bg) 72%, var(--line)); border-radius: 999px; box-shadow: 0 1px 4px color-mix(in srgb, var(--theme-control-active-bg) 14%, transparent); color: var(--theme-control-active-text); display: inline-flex; font-size: 10px; font-weight: 950; justify-content: center; min-height: 34px; padding: 8px 10px; width: 100%; } .mini-control-option-toggle-1 span { background: var(--option-1); border-color: color-mix(in srgb, var(--option-1) 76%, var(--line)); color: var(--option-1-text); } .mini-control-option-toggle-2 span { background: var(--option-2); border-color: color-mix(in srgb, var(--option-2) 78%, var(--line)); color: var(--option-2-text); } .mini-control-option-toggle-3 span { background: var(--option-3); border-color: color-mix(in srgb, var(--option-3) 80%, var(--line)); color: var(--option-3-text); } .mini-control-stack:has(.mini-pref-auto-display)[class*="deterministic-auto-mood-"] .mini-control-option-toggle.is-enabled span { background: linear-gradient(135deg,color-mix(in srgb,var(--auto-mood-a, var(--primary)) 94%,#fff),color-mix(in srgb,var(--auto-mood-b, var(--accent)) 88%,#fff)); border-color: color-mix(in srgb,var(--auto-mood-c, var(--accent)) 54%,var(--auto-mood-a, var(--primary))); box-shadow: 0 1px 5px color-mix(in srgb,var(--auto-mood-b, var(--accent)) 22%, transparent), inset 0 1px 0 rgba(255,255,255,.2); color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.24); } .mini-control-option-toggle.is-disabled span { background: var(--paper); border-color: color-mix(in srgb, var(--ink) 14%, var(--line)); box-shadow: none; color: color-mix(in srgb, var(--muted) 82%, var(--ink)); } .mini-control-option-toggle:focus-within span { outline: 2px solid var(--theme-focus-ring); outline-offset: 2px; } .mini-control-option-row-label { color: var(--muted); font-size: 9px; font-weight: 950; letter-spacing: .04em; line-height: 1; text-transform: uppercase; white-space: nowrap; } .mini-control-option-row select { background: var(--paper); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font-family: inherit; font-size: 13px; font-weight: 850; min-height: 40px; min-width: 0; padding: 8px 9px; width: 100%; } .mini-control-option-row select.is-option-disabled { background: color-mix(in srgb, var(--ink) 3%, var(--paper)); color: color-mix(in srgb, var(--muted) 85%, var(--ink)); opacity: .66; } .mini-control-choice-shell .custom-choice-menu[open] { position: relative; z-index: 120; } .mini-control-option-row .mini-control-choice-shell .custom-choice-menu summary { grid-template-columns: minmax(0,1fr); } .mini-control-option-row .mini-control-choice-shell .custom-choice-menu summary::after { content: none; display: none; } .mini-control-option-row .mini-control-choice-shell .custom-choice-menu strong { grid-column: 1; } .mini-control-choice-shell .quick-choice-options { left: 0; max-width: min(180px,calc(100vw - 42px)); min-width: max(100%,146px); right: auto; z-index: 140; } .quote-selection-stack { background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 90%, var(--accent)); border-radius: 7px; display: grid; gap: 0; margin-bottom: 8px; margin-top: 8px; padding: 7px 9px; } .quote-selection-rows { display: grid; gap: 8px; min-width: 0; } .quote-selection-row { align-items: center; display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); min-width: 0; } .quote-selection-row.active-count-2 { grid-template-columns: repeat(2,minmax(0,1fr)); } .quote-selection-row.active-count-1 { grid-template-columns: minmax(0,1fr); } .quote-selection-tab { align-content: center; align-items: center; border: 2px solid transparent; border-radius: 8px; box-shadow: 0 3px 9px rgba(16,24,32,.12); color: var(--theme-control-active-text); display: grid; gap: 7px; grid-template-columns: minmax(0,1fr); justify-items: center; min-height: 118px; min-width: 0; overflow: hidden; padding: 9px 5px 10px; position: relative; transition: border-color .16s ease, box-shadow .16s ease, opacity .16s ease, transform .16s ease; } .quote-selection-tab.is-preset-collapsed { display: none; } .quote-selection-tab-1 { background: var(--option-1); color: var(--option-1-text); } .quote-selection-tab-2 { background: var(--option-2); color: var(--option-2-text); } .quote-selection-tab-3 { background: var(--option-3); color: var(--option-3-text); } .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable) { background: linear-gradient(135deg,color-mix(in srgb,var(--auto-mood-a, var(--primary)) 94%,#fff),color-mix(in srgb,var(--auto-mood-b, var(--accent)) 88%,#fff)); border-color: color-mix(in srgb,var(--auto-mood-c, var(--accent)) 54%,var(--auto-mood-a, var(--primary))); color: #fff; } .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable) .quote-selection-number-tab { background: rgba(7,21,35,.76); border-color: rgba(255,255,255,.34); color: #fff; } .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected { border-color: color-mix(in srgb,var(--auto-mood-c, var(--accent)) 78%,#fff); box-shadow: 0 0 0 2px color-mix(in srgb,#fff 82%,transparent),0 0 0 4px color-mix(in srgb,var(--auto-mood-c, var(--accent)) 40%,transparent),0 5px 13px rgba(16,24,32,.18); } .quote-selection-tab.is-enabled { box-shadow: 0 4px 11px rgba(16,24,32,.13); } .quote-selection-tab.is-selected { border-color: #16b7ff; box-shadow: 0 0 0 2px color-mix(in srgb, #fff 92%, transparent),0 0 0 5px color-mix(in srgb, #17c9ff 68%, transparent),0 0 0 7px color-mix(in srgb, #fff 74%, transparent),0 5px 15px rgba(4,97,150,.24); } .quote-selection-tab.is-selected .quote-selection-number-tab { background: var(--ink); border-color: var(--ink); color: #fff; } .quote-selection-number-tab { align-items: center; backdrop-filter: blur(4px); background: color-mix(in srgb, #fff 88%, transparent); border: 1px solid color-mix(in srgb, #fff 72%, var(--ink)); border-radius: 0 6px 0 8px; box-shadow: 0 2px 7px rgba(16,24,32,.18); color: var(--ink); display: inline-flex; font-size: 12px; font-weight: 950; height: 25px; justify-content: center; line-height: 1; min-width: 28px; pointer-events: none; position: absolute; right: -1px; top: -1px; z-index: 2; } .quote-selection-tab-1 .quote-selection-number-tab { color: var(--option-1-token-text); } .quote-selection-tab-2 .quote-selection-number-tab { color: var(--option-2-token-text); } .quote-selection-tab-3 .quote-selection-number-tab { color: var(--option-3-token-text); } .quote-selection-token { align-items: center; background: #fff; border: 1px solid rgba(255,255,255,.78); border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 5px rgba(16,24,32,.14); cursor: pointer; display: inline-flex; font-family: inherit; height: 42px; justify-content: center; line-height: 1; min-width: 0; overflow: hidden; padding: 0; width: 42px; } .quote-selection-token:hover,.quote-selection-token:focus { box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 0 0 2px rgba(255,255,255,.46), 0 2px 7px rgba(16,24,32,.16); outline: 0; } .quote-selection-token:has(.lender-logo-figure.lender-logo-mark), .quote-selection-token:has(.lender-logo-figurelending.lender-logo-mark), .quote-selection-token:has(.lender-logo-westcap.lender-logo-mark), .quote-selection-token:has(.lender-logo-westcappricinggrid.lender-logo-mark), .quote-selection-token:has(.lender-logo-westcapital.lender-logo-mark), .quote-selection-token:has(.lender-logo-westcapitallending.lender-logo-mark), .quote-selection-token:has(.lender-logo-wcl.lender-logo-mark), .quote-selection-token:has(.lender-logo-wp.lender-logo-mark) { background: transparent; border-color: transparent; box-shadow: none; overflow: visible; } .quote-selection-token:has(.lender-logo-figure.lender-logo-mark):hover, .quote-selection-token:has(.lender-logo-figure.lender-logo-mark):focus, .quote-selection-token:has(.lender-logo-figurelending.lender-logo-mark):hover, .quote-selection-token:has(.lender-logo-figurelending.lender-logo-mark):focus, .quote-selection-token:has(.lender-logo-westcap.lender-logo-mark):hover, .quote-selection-token:has(.lender-logo-westcap.lender-logo-mark):focus, .quote-selection-token:has(.lender-logo-westcappricinggrid.lender-logo-mark):hover, .quote-selection-token:has(.lender-logo-westcappricinggrid.lender-logo-mark):focus, .quote-selection-token:has(.lender-logo-westcapital.lender-logo-mark):hover, .quote-selection-token:has(.lender-logo-westcapital.lender-logo-mark):focus, .quote-selection-token:has(.lender-logo-westcapitallending.lender-logo-mark):hover, .quote-selection-token:has(.lender-logo-westcapitallending.lender-logo-mark):focus, .quote-selection-token:has(.lender-logo-wcl.lender-logo-mark):hover, .quote-selection-token:has(.lender-logo-wcl.lender-logo-mark):focus, .quote-selection-token:has(.lender-logo-wp.lender-logo-mark):hover, .quote-selection-token:has(.lender-logo-wp.lender-logo-mark):focus { box-shadow: none; filter: drop-shadow(0 2px 5px rgba(16,24,32,.18)); outline: 0; } .quote-selection-tab-1 .quote-selection-token { color: var(--option-1-token-text); } .quote-selection-tab-2 .quote-selection-token { color: var(--option-2-token-text); } .quote-selection-tab-3 .quote-selection-token { color: var(--option-3-token-text); } .quote-selection-token .lender-brand.chip { background: transparent; border: 0; box-shadow: none; min-height: 32px; min-width: 0; padding: 0; width: 100%; } .quote-selection-token .lender-logo-stack { justify-content: center; min-width: 0; width: 100%; } .quote-selection-token .lender-logo { height: 28px; max-width: 64px; object-fit: contain; } .quote-selection-token .lender-logo-mark { height: 32px; max-width: 32px; width: 32px; } .quote-selection-token .lender-brand.chip { height: 100%; min-height: 0; } .quote-selection-token .lender-brand.chip .lender-logo-stack { height: 100%; } .quote-selection-token .lender-brand.chip .lender-logo-figure.lender-logo-mark, .quote-selection-token .lender-brand.chip .lender-logo-figurelending.lender-logo-mark, .quote-selection-token .lender-brand.chip .lender-logo-westcap.lender-logo-mark, .quote-selection-token .lender-brand.chip .lender-logo-westcappricinggrid.lender-logo-mark, .quote-selection-token .lender-brand.chip .lender-logo-westcapital.lender-logo-mark, .quote-selection-token .lender-brand.chip .lender-logo-westcapitallending.lender-logo-mark, .quote-selection-token .lender-brand.chip .lender-logo-wcl.lender-logo-mark, .quote-selection-token .lender-brand.chip .lender-logo-wp.lender-logo-mark { height: 100%; max-width: 100%; width: 100%; } .quote-selection-token .lender-logo-figure.lender-logo-mark, .quote-selection-token .lender-logo-figurelending.lender-logo-mark, .quote-selection-token .lender-logo-westcap.lender-logo-mark, .quote-selection-token .lender-logo-westcappricinggrid.lender-logo-mark, .quote-selection-token .lender-logo-westcapital.lender-logo-mark, .quote-selection-token .lender-logo-westcapitallending.lender-logo-mark, .quote-selection-token .lender-logo-wcl.lender-logo-mark, .quote-selection-token .lender-logo-wp.lender-logo-mark { height: 42px; max-width: 42px; width: 42px; } .quote-selection-token .lender-logo-figure.lender-logo-mark[src$="Figure_mark_glyph.png"], .quote-selection-token .lender-logo-figurelending.lender-logo-mark[src$="Figure_mark_glyph.png"] { filter: drop-shadow(0 0 1px rgba(255,255,255,.9)) drop-shadow(0 1px 2px rgba(255,255,255,.45)); height: 36px; max-width: 36px; width: 36px; } .quote-selection-body { align-items: center; background: transparent; border: 0; color: inherit; cursor: pointer; display: flex; font-family: inherit; justify-content: center; min-height: 62px; min-width: 0; padding: 0; width: 100%; } .quote-selection-label { display: grid; font-weight: 950; gap: 4px; justify-items: center; letter-spacing: 0; line-height: 1; min-width: 0; overflow: hidden; text-align: center; text-transform: none; transform: translateX(-1px); width: calc(100% + 2px); } .quote-selection-label strong,.quote-selection-label span,.quote-selection-label small,.quote-selection-label em { color: inherit; display: block; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .quote-selection-label strong { font-size: 14px; line-height: 1; } .quote-selection-label span { font-size: 12px; line-height: 1; } .quote-selection-label small { font-size: 11px; font-weight: 850; line-height: 1; opacity: .9; } .quote-selection-label em { font-size: 14px; font-style: normal; font-weight: 950; line-height: 1; opacity: .96; } .quote-selection-tab.is-disabled { filter: none; opacity: 1; } .quote-selection-tab.is-disabled .quote-selection-token { opacity: 1; } .quote-selection-tab.is-disabled .quote-selection-label { opacity: 1; } .quote-selection-tab.is-auto-replacement { border-color: color-mix(in srgb, var(--accent) 34%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent); } .quote-selection-tab.is-unavailable { background: color-mix(in srgb, var(--muted) 18%, var(--paper)); border-color: color-mix(in srgb, var(--muted) 28%, var(--line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 52%, transparent); color: color-mix(in srgb, var(--muted) 82%, var(--ink)); filter: grayscale(.2); opacity: .82; } .quote-selection-unavailable-mark { align-items: center; background: color-mix(in srgb, var(--red) 9%, var(--paper)); border: 1px solid color-mix(in srgb, var(--red) 28%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--red) 72%, var(--ink)); display: inline-flex; font-size: 22px; font-weight: 950; height: 42px; justify-content: center; line-height: 1; width: 42px; } .quote-selection-unavailable-copy { align-items: center; background: color-mix(in srgb, var(--paper) 78%, transparent); border: 1px dashed color-mix(in srgb, var(--muted) 42%, var(--line)); border-radius: 999px; color: inherit; cursor: pointer; display: inline-grid; font-family: inherit; gap: 3px; justify-items: center; max-width: 100%; padding: 7px 10px; text-align: center; text-transform: uppercase; } .quote-selection-unavailable-copy strong,.quote-selection-unavailable-copy em { color: inherit; display: block; font-style: normal; line-height: 1; white-space: nowrap; } .quote-selection-unavailable-copy strong { font-size: 11px; font-weight: 950; letter-spacing: .03em; } .quote-selection-unavailable-copy em { font-size: 10px; font-weight: 900; letter-spacing: .04em; } .quote-selection-unavailable-copy:hover,.quote-selection-unavailable-copy:focus { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); color: var(--ink); outline: 0; } .quote-selection-tab:hover,.quote-selection-tab:focus-within { box-shadow: 0 6px 15px rgba(16,24,32,.16); outline: 0; transform: translateY(-1px); } .quote-selection-tab.is-unavailable:hover,.quote-selection-tab.is-unavailable:focus-within { box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 52%, transparent); transform: none; } .mini-compare-snapshot-frame,.mini-rate-snapshot-frame.is-second { scroll-margin-top: 14px; } .mini-lpc-comp.bpc,.mini-second-lpc-comp.bpc,.mini-lpc-comp.corr,.mini-second-lpc-comp.corr { background: color-mix(in srgb, #d8ecff 58%, var(--paper)); border-color: color-mix(in srgb, #1d7cc1 42%, var(--line)); color: color-mix(in srgb, #0a66a6 76%, var(--ink)); } .mini-lpc-comp.bpc .mini-comp-heading,.mini-second-lpc-comp.bpc .mini-comp-heading,.mini-lpc-comp.corr .mini-comp-heading,.mini-second-lpc-comp.corr .mini-comp-heading { color: color-mix(in srgb, #0a66a6 74%, var(--ink)); } .mini-lpc-comp.bpc .mini-comp-label,.mini-second-lpc-comp.bpc .mini-comp-label,.mini-lpc-comp.corr .mini-comp-label,.mini-second-lpc-comp.corr .mini-comp-label { color: color-mix(in srgb, #0a66a6 82%, var(--ink)); position: relative; top: -2px; } .mini-lpc-comp.bpc .mini-comp-label:hover,.mini-lpc-comp.bpc .mini-comp-label:focus,.mini-second-lpc-comp.bpc .mini-comp-label:hover,.mini-second-lpc-comp.bpc .mini-comp-label:focus,.mini-lpc-comp.corr .mini-comp-label:hover,.mini-lpc-comp.corr .mini-comp-label:focus,.mini-second-lpc-comp.corr .mini-comp-label:hover,.mini-second-lpc-comp.corr .mini-comp-label:focus { color: color-mix(in srgb, #075b99 88%, var(--ink)); } .mini-lpc-comp.bpc b,.mini-second-lpc-comp.bpc b,.mini-lpc-comp.corr b,.mini-second-lpc-comp.corr b { color: color-mix(in srgb, #0a66a6 82%, var(--ink)); } .mini-lpc-comp.bpc strong,.mini-second-lpc-comp.bpc strong,.mini-lpc-comp.corr strong,.mini-second-lpc-comp.corr strong { color: var(--ink); font-weight: 950; } @container (max-width: 560px) { .mini-control-stack-grid.has-two-stacks { grid-template-columns: 1fr; } .mini-control-stack-grid.has-two-stacks::before { display: none; } .mini-control-stack-grid.has-two-stacks .mini-control-stack.is-second { border-top: 1px solid color-mix(in srgb, var(--accent) 20%, var(--line)); padding-left: 0; padding-top: 8px; } } @container (max-width: 420px) { .pricing-presets-summary { grid-template-columns: max-content minmax(0,1fr); } .mini-snapshot-presets-drawer .pricing-presets-summary { gap: 8px; grid-template-columns: max-content minmax(0,1fr); min-height: 44px; padding: 7px; } .pricing-preset-preview-row { gap: 5px; grid-template-columns: minmax(66px,90px) minmax(68px,92px) minmax(52px,66px); justify-content: end; } .pricing-preset-lender-cycle, .pricing-preset-comp-preview, .pricing-preset-option-count { font-size: 10px; min-height: 28px; min-width: 0; padding-left: 5px; padding-right: 5px; width: 100%; } .pricing-preset-lender-cycle .mini-preset-lender-name { font-size: 11px; } .mini-control-stack-top { gap: 6px; grid-template-columns: minmax(0,1fr) minmax(70px,.34fr) minmax(68px,.34fr); } .mini-control-option-head,.mini-control-option-row { grid-template-columns: 34px repeat(3,minmax(0,1fr)); gap: 4px; } .mini-pref-choice-shell .custom-choice-menu summary, .mini-control-choice-shell .custom-choice-menu summary { grid-template-columns: minmax(0,1fr); padding-left: 8px; padding-right: 8px; } .mini-pref-choice-shell .custom-choice-menu summary::after, .mini-control-choice-shell .custom-choice-menu summary::after { display: none; } .mini-pref-choice-shell .custom-choice-menu strong, .mini-control-choice-shell .custom-choice-menu strong { font-size: 13px; grid-column: 1; text-align: center; } .mini-control-option-row select { font-size: 12px; padding-left: 6px; padding-right: 6px; } .mini-control-option-toggle span { font-size: 9px; min-height: 23px; padding-left: 6px; padding-right: 6px; } .quote-selection-stack { padding-left: 8px; padding-right: 8px; } .quote-selection-row { gap: 6px; grid-template-columns: repeat(3,minmax(0,1fr)); } .quote-selection-tab { gap: 6px; grid-template-columns: minmax(0,1fr); min-height: 116px; padding: 8px 4px 9px; } .quote-selection-token { height: 35px; width: 35px; } .quote-selection-token .lender-logo { height: 18px; max-width: 50px; } .quote-selection-token .lender-logo-mark { height: 20px; max-width: 20px; width: 20px; } .quote-selection-token .lender-logo-figure.lender-logo-mark, .quote-selection-token .lender-logo-figurelending.lender-logo-mark, .quote-selection-token .lender-logo-westcap.lender-logo-mark, .quote-selection-token .lender-logo-westcappricinggrid.lender-logo-mark, .quote-selection-token .lender-logo-westcapital.lender-logo-mark, .quote-selection-token .lender-logo-westcapitallending.lender-logo-mark, .quote-selection-token .lender-logo-wcl.lender-logo-mark, .quote-selection-token .lender-logo-wp.lender-logo-mark { height: 35px; max-width: 35px; width: 35px; } .quote-selection-body { min-height: 61px; } .quote-selection-label strong { font-size: 13px; } .quote-selection-label span { font-size: 11.5px; } .quote-selection-label small { font-size: 10.5px; } .quote-selection-label em { font-size: 13px; } } @container (max-width: 390px) { .mini-rate-snapshot-frame { padding-left: 7px; padding-right: 7px; } .mini-rate-snapshot-head.has-first-mortgage-actions { align-items: center; flex-wrap: wrap; gap: 6px; padding-left: 5px; padding-right: 5px; } .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child { flex: 0 0 auto; font-size: 13px; max-width: 126px; min-width: 126px; padding-left: 9px; padding-right: 9px; } .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips { flex: 0 0 auto; margin-right: 0; order: 2; } .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-head-actions { display: grid; flex: 1 1 100%; gap: 5px; grid-template-columns: repeat(2,minmax(0,1fr)); justify-content: stretch; margin-left: 0; min-width: 0; order: 4; width: 100%; } .mini-rate-snapshot-head.has-first-mortgage-actions .mini-snapshot-head-actions .mini-pricing-preview-pill, .mini-rate-snapshot-head.has-first-mortgage-actions .mini-snapshot-head-actions .mini-formal-header-toggle, .mini-rate-snapshot-head.has-first-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble { flex-basis: auto; font-size: 10.5px; height: 29px; min-height: 29px; min-width: 0; padding-left: 5px; padding-right: 5px; width: 100%; } .mini-rate-snapshot-head.has-first-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble { font-size: 10px; } .mini-rate-snapshot-head.has-first-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble .piggyback-label-full { display: none; } .mini-rate-snapshot-head.has-first-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble .piggyback-label-short { display: inline; } .mini-snapshot-presets-drawer { margin-top: -1px; } .mini-snapshot-presets-drawer .pricing-presets-summary { min-height: 39px; padding: 6px; } .pricing-presets-summary .pricing-presets-title { font-size: 11px; height: 34px; padding-left: 11px; padding-right: 11px; } .pricing-presets-body { gap: 8px; padding: 7px 7px 9px; } .mini-control-stack-top { gap: 5px; grid-template-columns: minmax(0,1fr) minmax(64px,.34fr) minmax(62px,.34fr); } .mini-control-pref-field .mini-pref-choice-shell .custom-choice-menu summary, .mini-comp-choice-shell .custom-choice-menu summary { min-height: 36px; padding: 7px 8px; } .mini-control-pref-field .mini-pref-choice-shell .custom-choice-menu strong, .mini-comp-choice-shell .custom-choice-menu strong { font-size: 12.5px; } .mini-control-structure-toggle { font-size: 11px; height: 36px; min-height: 36px; padding-left: 7px; padding-right: 7px; } .mini-control-option-matrix { gap: 7px; padding: 8px 6px; } .mini-control-option-head, .mini-control-option-row { gap: 3px; grid-template-columns: 30px repeat(3,minmax(0,1fr)); } .mini-control-option-toggle span { font-size: 8.5px; min-height: 22px; padding: 6px 5px; } .mini-control-option-row-label { font-size: 8.5px; } .mini-control-choice-shell .custom-choice-menu summary { min-height: 37px; padding: 7px 6px; } .mini-control-choice-shell .custom-choice-menu strong { font-size: 12px; } .quote-selection-stack { margin-top: 7px; padding: 6px; } .quote-selection-row { gap: 5px; } .quote-selection-tab { border-radius: 7px; gap: 5px; min-height: 103px; padding: 7px 3px 8px; } .quote-selection-token { height: 31px; width: 31px; } .quote-selection-token .lender-logo { height: 17px; max-width: 44px; } .quote-selection-token .lender-logo-mark { height: 19px; max-width: 19px; width: 19px; } .quote-selection-token .lender-logo-figure.lender-logo-mark, .quote-selection-token .lender-logo-figurelending.lender-logo-mark, .quote-selection-token .lender-logo-westcap.lender-logo-mark, .quote-selection-token .lender-logo-westcappricinggrid.lender-logo-mark, .quote-selection-token .lender-logo-westcapital.lender-logo-mark, .quote-selection-token .lender-logo-westcapitallending.lender-logo-mark, .quote-selection-token .lender-logo-wcl.lender-logo-mark, .quote-selection-token .lender-logo-wp.lender-logo-mark { height: 31px; max-width: 31px; width: 31px; } .quote-selection-number-tab { font-size: 11px; height: 22px; min-width: 25px; } .quote-selection-body { min-height: 55px; } .quote-selection-label { gap: 3px; } .quote-selection-label strong, .quote-selection-label em { font-size: 12px; } .quote-selection-label span { font-size: 10.5px; } .quote-selection-label small { font-size: 10px; } } @container (max-width: 330px) { .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-head-actions { flex-basis: 100%; width: 100%; } .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-head-actions { min-width: 0; } .quote-selection-row { grid-template-columns: repeat(3,minmax(72px,1fr)); overflow-x: auto; padding-bottom: 2px; } } @container (max-width: 460px) { .mini-pricing-lab > .editor-section-summary { min-height: 38px; } .mini-summary-primary-actions { gap: 6px; } .mini-pricing-preview-pill, .mini-formal-header-toggle { flex-basis: 82px; font-size: 12px; min-width: 82px; padding-left: 8px; padding-right: 8px; } .mini-rate-snapshot-head { gap: 6px; min-width: 0; padding-left: 6px; padding-right: 6px; } .mini-rate-snapshot-head > span { font-size: 13px; max-width: 100%; min-width: 0; padding-left: 9px; padding-right: 9px; } .mini-rate-snapshot-head > .mini-snapshot-head-actions { gap: 5px; margin-left: auto; min-width: 0; } .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-pricing-preview-pill, .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-formal-header-toggle { flex-basis: 62px; font-size: 11px; min-width: 62px; padding-left: 6px; padding-right: 6px; } .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble { font-size: 10px; min-width: 44px; padding-left: 8px; padding-right: 8px; } .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble .piggyback-label-full { display: none; } .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble .piggyback-label-short { display: inline; } .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact { min-width: 44px; width: 44px; } .mini-apor-notice { align-items: start; display: grid; gap: 4px 8px; grid-template-columns: minmax(0,auto) minmax(0,1fr); } .mini-pricing-body.is-compare .mini-apor-notice { grid-template-columns: minmax(0,1fr); } .mini-apor-notice strong, .mini-apor-notice span { min-width: 0; } .mini-apor-notice span { text-align: right; } .mini-pricing-body.is-compare .mini-apor-notice span { text-align: left; } .mini-pricing-section-shell > .quote-breakdown-section summary, .mini-cockpit-detail-stack .quote-breakdown-section summary { gap: 6px; padding-left: 8px; padding-right: 8px; } .mini-pricing-section-shell > .quote-breakdown-section summary span, .mini-cockpit-detail-stack .quote-breakdown-section summary span { font-size: 10.5px; } .mini-pricing-section-shell > .quote-breakdown-section summary strong, .mini-cockpit-detail-stack .quote-breakdown-section summary strong { font-size: 11.5px; justify-self: end; min-width: 0; overflow: hidden; text-overflow: ellipsis; } .mini-lender-overlays-drawer .mini-overlay-toggle-grid { grid-template-columns: minmax(0,1fr); } .mini-lender-overlays-drawer label span { white-space: normal; } } @container (max-width: 390px) { .mini-rate-snapshot-head.has-first-mortgage-actions { align-items: center; flex-wrap: wrap; gap: 6px; } .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child { flex: 0 0 auto; max-width: 126px; min-width: 126px; } .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips { flex: 0 0 auto; margin-right: 0; order: 2; } .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-head-actions { display: grid; flex: 1 1 100%; gap: 5px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-left: 0; min-width: 0; order: 4; width: 100%; } .mini-rate-snapshot-head.has-first-mortgage-actions .mini-snapshot-head-actions .mini-pricing-preview-pill, .mini-rate-snapshot-head.has-first-mortgage-actions .mini-snapshot-head-actions .mini-formal-header-toggle, .mini-rate-snapshot-head.has-first-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble, .mini-rate-snapshot-head.has-first-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble.is-compact { flex-basis: auto; min-width: 0; width: 100%; } } @container (max-width: 330px) { .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-head-actions { flex-basis: 100%; width: 100%; } } .compact-rate-sheet .mini-anchored-rate td { animation: miniRateAnchorPulse .9s ease; } @keyframes miniRateAnchorPulse { 0%,100% { background: color-mix(in srgb, var(--ink) 6%, transparent); } 45% { background: color-mix(in srgb, var(--brand-gold) 20%, transparent); } } .rate-link { background: transparent; border: 0 !important; box-shadow: none !important; color: var(--ink); cursor: pointer; display: block; font: inherit; font-weight: 800; line-height: 1.05; outline: 0; padding: 2px 8px; text-align: left; text-decoration: none; width: 100%; } .rate-link:hover,.rate-link:focus { background: color-mix(in srgb, var(--accent) 10%, transparent); outline: 0; text-decoration: none; } .rate-link.cost { color: #b42318; } .rate-link.credit { color: #0d7a3a; } .rate-link.par { color: var(--ink); } .compact-rate-sheet .mini-rate-value.cost,.compact-rate-sheet .mini-rate-value.credit,.compact-rate-sheet .mini-rate-value.par { color: var(--ink); font-weight: 850; } .mini-rate-value,.mini-pts-value,.mini-cost-value,.mini-cost-dollar-value,.mini-payment-value { font-size: 12px; line-height: 1.05; min-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mini-pts-value,.mini-cost-value,.mini-cost-dollar-value { font-weight: 650; text-align: center; } .mini-payment-value { font-weight: 650; text-align: right; } .compact-rate-sheet tbody tr { height: 22px !important; max-height: 22px !important; } .compact-rate-sheet tbody td { border-left: 0 !important; border-right: 0 !important; height: 22px !important; line-height: 1 !important; padding: 0 !important; vertical-align: middle; } .compact-rate-sheet tbody .rate-link { align-items: center; box-sizing: border-box; display: flex; height: 22px !important; justify-content: flex-start; line-height: 1 !important; max-height: 22px !important; min-height: 22px !important; overflow: hidden; padding: 0 8px !important; } .compact-rate-sheet tbody td:nth-child(2) .rate-link { justify-content: center; } .compact-rate-sheet tbody td:nth-child(3) .rate-link { justify-content: center; } .compact-rate-sheet tbody td:nth-child(4) .rate-link { justify-content: flex-end; } .compact-rate-sheet.has-auto-lenders tbody td:nth-child(2) .rate-link { justify-content: center; } .compact-rate-sheet.has-auto-lenders tbody td:nth-child(3) .rate-link { justify-content: center; } .compact-rate-sheet.has-auto-lenders tbody td:nth-child(4) .rate-link, .compact-rate-sheet.has-auto-lenders tbody td:nth-child(5) .rate-link { justify-content: flex-end; } .compact-rate-sheet tbody td.mini-rate-alert-cell { padding: 0 2px !important; } .compact-rate-sheet tbody td.mini-rate-alert-cell .mini-rate-row-alerts { height: 22px; } .compact-rate-sheet tbody td.mini-rate-dollar-cell .rate-link,.compact-rate-sheet tbody td.mini-rate-payment-cell .rate-link { justify-content: flex-end; } .compact-rate-sheet tbody td.mini-rate-dollar-cell .rate-link { padding-right: 16px !important; } .compact-rate-sheet tbody .mini-rate-value,.compact-rate-sheet tbody .mini-pts-value,.compact-rate-sheet tbody .mini-cost-value,.compact-rate-sheet tbody .mini-cost-dollar-value,.compact-rate-sheet tbody .mini-payment-value { min-height: 22px !important; } .compact-rate-sheet tbody .mini-cost-dollar-value { font-variant-numeric: tabular-nums; } .mini-dollar-value-wrap { align-items: baseline; display: inline-grid; gap: 1px; grid-template-columns: 13px minmax(5ch, auto); justify-content: end; min-width: 7.1ch; text-align: right; } .mini-dollar-symbol { text-align: right; } .mini-dollar-number { min-width: 0; text-align: right; } .mini-pricing-body.is-compare .compact-rate-sheet th { font-size: 8.8px; padding-left: 4px; padding-right: 4px; } .mini-pricing-body.is-compare .compact-rate-sheet tbody .rate-link { padding-left: 5px !important; padding-right: 5px !important; } .mini-pricing-body.is-compare .compact-rate-sheet tbody td.mini-rate-dollar-cell .rate-link { padding-right: 6px !important; } .mini-pricing-body.is-compare .mini-rate-value, .mini-pricing-body.is-compare .mini-pts-value, .mini-pricing-body.is-compare .mini-cost-value, .mini-pricing-body.is-compare .mini-cost-dollar-value, .mini-pricing-body.is-compare .mini-payment-value { font-size: 11.2px; } .mini-pricing-body.is-compare .mini-dollar-value-wrap { grid-template-columns: 10px minmax(4.6ch, auto); min-width: 6.1ch; } .mini-pricing-body.is-compare .mini-points-credit-stack em { font-size: 10px; } .mini-rate-row-lender-chip { align-items: center; display: flex; height: 22px; justify-content: flex-start; min-width: 0; overflow: hidden; width: 100%; } .mini-rate-row-lender-chip .lender-brand.chip { background: #fff; border: 1px solid color-mix(in srgb, var(--line) 82%, var(--accent)); border-radius: 999px; box-shadow: none; min-height: 17px; min-width: 0; padding: 1px 3px; width: 25px; } .mini-rate-row-lender-chip .lender-logo-stack { justify-content: flex-start; width: 100%; } .mini-rate-row-lender-chip .lender-logo { height: 13px; max-width: 19px; object-fit: contain; } .mini-rate-row-lender-chip .lender-logo-mark { height: 13px; max-width: 13px; width: 13px; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet .mini-rate-row-lender-chip .lender-brand.chip { background: linear-gradient(145deg, color-mix(in srgb, #fff 8%, var(--lead-dark-card-raised)), var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, #fff 24%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 4px rgba(0,0,0,.28) !important; } .compact-rate-sheet tbody .mini-cost-dollar-value.cost { color: #b42318; font-weight: 650; } .compact-rate-sheet tbody .mini-cost-dollar-value.credit { color: #0d7a3a; font-weight: 650; } .compact-rate-sheet tbody .mini-cost-dollar-value.par { color: var(--ink); font-weight: 650; } .mini-points-credit-stack { align-items: baseline; display: inline-flex; gap: 0; justify-content: center; max-width: 100%; min-width: 0; overflow: hidden; white-space: nowrap; } .mini-points-credit-stack b,.mini-points-credit-stack em { color: inherit; display: inline-block; font-style: normal; font-weight: 650; line-height: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; } .mini-points-credit-stack em { font-size: 11px; font-weight: 650; } .mini-cockpit-detail-stack { border-top: 0; display: grid; gap: 8px; margin-top: 6px; padding-top: 0; } .mini-cockpit-detail-head { align-items: baseline; display: flex; gap: 8px; justify-content: space-between; min-width: 0; } .mini-cockpit-detail-head span { color: var(--ink); font-size: 12px; font-weight: 950; letter-spacing: .05em; min-width: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .mini-cockpit-detail-head small { color: var(--muted); font-size: 10px; font-weight: 800; line-height: 1.2; text-align: right; } .mini-cockpit-detail-stack .quote-breakdown-section { background: color-mix(in srgb, var(--paper) 86%, transparent); margin-top: 0; } .mini-cockpit-detail-stack .quote-breakdown-section summary { min-height: 34px; padding: 7px 9px; } .mini-cockpit-detail-stack .quote-breakdown-section summary span { font-size: 11px; } .mini-cockpit-detail-stack .quote-breakdown-section summary strong { font-size: 12px; } .mini-cockpit-detail-stack .mini-pricing-addons-drawer > summary { grid-template-columns: max-content minmax(0,1fr) auto !important; } .mini-cockpit-detail-stack .mini-pricing-addons-drawer summary .mini-addons-summary-value { align-items: baseline; column-gap: 8px; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto; justify-content: stretch; justify-self: stretch; max-width: none; min-width: 0; width: 100%; } .mini-cockpit-detail-stack .mini-pricing-addons-drawer summary .mini-addons-summary-value em { color: color-mix(in srgb, var(--ink) 76%, var(--muted)); display: block; font-style: normal; font-weight: 950; justify-self: end; letter-spacing: 0; line-height: 1.05; max-width: min(24ch, 100%); min-width: 0; overflow: hidden; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } .mini-cockpit-detail-stack .mini-pricing-addons-drawer summary .mini-addons-summary-value b { justify-self: end; } .mini-pricing-section-shell > .quote-breakdown-section { background: color-mix(in srgb, var(--paper) 86%, transparent); margin-top: 0; } .mini-pricing-section-shell > .quote-breakdown-section summary { min-height: 34px; padding: 7px 9px; } .mini-pricing-section-shell > .quote-breakdown-section summary span { font-size: 11px; } .mini-pricing-section-shell > .quote-breakdown-section summary strong { font-size: 12px; } .mini-pricing-section-shell > .mini-pricing-addons-drawer > summary { grid-template-columns: max-content minmax(0,1fr) auto !important; } .mini-pricing-section-shell > .mini-pricing-addons-drawer summary .mini-addons-summary-value { column-gap: 8px; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto; justify-self: stretch; max-width: none; min-width: 0; width: 100%; } .mini-pricing-section-shell > .mini-pricing-addons-drawer summary .mini-addons-summary-value em { justify-self: end; max-width: min(24ch, 100%); } .mini-second-fee-controls .option-detail-escrow-grid { grid-template-columns: minmax(0, 220px); } .mini-lender-overlays-drawer .mini-overlay-toggle-grid { border-top: 1px solid var(--line); display: grid; gap: 6px; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 8px 9px 9px; } .mini-lender-overlays-drawer label { align-items: center; background: color-mix(in srgb, var(--soft) 60%, var(--paper)); border: 1px solid var(--line); border-radius: 999px; color: var(--ink); cursor: pointer; display: inline-flex; gap: 6px; min-height: 28px; min-width: 0; padding: 5px 8px; } .mini-lender-overlays-drawer label.is-on { background: color-mix(in srgb, var(--accent) 12%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 34%, var(--line)); } .mini-lender-overlays-drawer input { accent-color: var(--accent); flex: 0 0 auto; margin: 0; } .mini-lender-overlays-drawer label span { color: var(--ink); font-size: 11px; font-weight: 850; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mini-eligibility-drawer > .eligibility-snapshot-card { border: 0; border-radius: 0; margin-top: 0; padding: 8px; } .mini-eligibility-drawer .eligibility-snapshot-head { padding: 0; } .mini-eligibility-drawer .eligibility-snapshot-head h3 { font-size: 13px; } .mini-eligibility-drawer > summary { gap: 4px; grid-template-columns: minmax(0,1fr) auto auto; } .mini-eligibility-drawer > summary .eligibility-window-mode { align-items: center; display: inline-flex; justify-self: end; margin-right: -2px; text-transform: none; } .mini-eligibility-drawer > summary strong { background: transparent; border: 0; border-radius: 0; color: var(--ink); font-size: 12px; font-weight: 950; line-height: 1; padding: 0; } .mini-eligibility-drawer.is-investor-specific > summary strong, .mini-eligibility-drawer.is-deterministic > summary strong { color: var(--ink); } .mini-eligibility-drawer .eligibility-snapshot-body { gap: 8px; } .mini-eligibility-drawer .eligibility-detail-row { gap: 8px; } .mini-eligibility-drawer .eligibility-matrix { font-size: 9px; } @container (min-width: 560px) { .mini-pricing-body .mini-snapshot-layout { align-items: start; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto minmax(0,1fr); } .mini-pricing-body .mini-snapshot-layout > .mini-snapshot-side-controls { align-self: start; grid-column: 2; grid-row: 1; grid-template-columns: minmax(0,1fr); margin: 0; } .mini-pricing-body .mini-snapshot-layout > .mini-quote-summary { align-content: start; align-self: stretch; grid-column: 1; grid-row: 1 / span 2; grid-template-columns: minmax(0,1fr); height: 100%; min-height: 100%; padding: 12px; } .mini-pricing-body .mini-snapshot-layout > .mini-fee-strip { grid-column: 2; grid-row: 2; } } @container (min-width: 660px) { .mini-pricing-body .mini-snapshot-layout { align-items: start; grid-template-columns: repeat(2,minmax(0,1fr)); } .mini-pricing-body.is-compare .mini-snapshot-layout { grid-template-columns: minmax(0,3fr) minmax(0,2fr); } .mini-pricing-body .mini-snapshot-layout > .mini-snapshot-side-controls { align-self: start; grid-column: 2; grid-row: 1; grid-template-columns: minmax(0,1fr); margin: 0; } .mini-pricing-body .mini-snapshot-layout > .mini-quote-summary { align-content: start; align-self: stretch; grid-column: 1; grid-row: 1 / span 2; grid-template-columns: minmax(0,1fr); height: 100%; min-height: 100%; padding: 12px; } .mini-pricing-body .mini-snapshot-layout .mini-price-copy { align-content: start; min-height: 0; padding-bottom: 0; } .mini-pricing-body .mini-snapshot-layout .mini-source-block { align-content: start; justify-items: start; } .mini-pricing-body .mini-snapshot-layout .mini-price-logo { justify-items: start; margin-top: 2px; text-align: left; } .mini-pricing-body .mini-snapshot-layout .lender-brand.mini-banner, .mini-pricing-body .mini-snapshot-layout .lender-logo-stack { justify-content: flex-start; } .mini-pricing-body .mini-snapshot-layout .lender-brand.mini-banner .lender-logo { max-width: 132px; } .mini-pricing-body .mini-snapshot-layout > .mini-fee-strip { align-self: start; grid-column: 2; grid-row: 2; grid-template-columns: minmax(0,1fr); } .mini-pricing-body .mini-snapshot-layout .mini-fee-strip > div, .mini-pricing-body .mini-snapshot-layout .mini-product-controls label, .mini-pricing-body .mini-snapshot-layout .mini-fee-note { min-height: 50px; padding: 8px 9px; } .mini-pricing-body .compact-rate-sheet { display: grid; grid-template-columns: minmax(0,1fr) minmax(218px,248px); } .mini-pricing-body .compact-rate-sheet-head { align-content: start; border-bottom: 0; border-left: 1px solid var(--line); grid-column: 2; grid-row: 1; padding: 7px; } .mini-pricing-body .compact-rate-sheet-head .mini-rate-guide, .mini-pricing-body .compact-rate-sheet-head .mini-rate-guide-pills, .mini-pricing-body .compact-rate-sheet-head .mini-guide-pill-shell, .mini-pricing-body .compact-rate-sheet-head .mini-guide-pill { width: 100%; } .mini-pricing-body .compact-rate-sheet-scroll { grid-column: 1; grid-row: 1; min-width: 0; } .mini-pricing-body .compact-rate-sheet-head .mini-rate-guide-pills { gap: 7px; grid-template-columns: minmax(0,1fr) !important; } .mini-pricing-body .compact-rate-sheet-head .mini-guide-pill { display: flex; gap: 5px; justify-content: center; min-height: 44px; } .mini-pricing-body .compact-rate-sheet-head .mini-guide-pill span { font-size: 11px; letter-spacing: .035em; } .mini-pricing-body .compact-rate-sheet-head .mini-guide-pill span::after { content: " -"; } .mini-pricing-body .compact-rate-sheet-head .mini-guide-pill strong { font-size: 13px; } } .compact-rate-sheet.is-headless { grid-template-columns: minmax(0,1fr) !important; } .compact-rate-sheet.is-headless .compact-rate-sheet-scroll { grid-column: 1 / -1 !important; } .mini-sheet-source { background: color-mix(in srgb, var(--accent) 6%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line)); border-radius: 7px; display: grid; gap: 3px; padding: 9px; } .mini-sheet-source strong { font-size: 14px; } .mini-pricing-warning { background: color-mix(in srgb, var(--red) 7%, var(--paper)); border: 1px solid color-mix(in srgb, var(--red) 20%, var(--line)); border-radius: 7px; color: color-mix(in srgb, var(--red) 72%, var(--ink)); font-size: 12px; font-weight: 850; padding: 8px 9px; } .mini-pricing-actions { display: grid; gap: 8px; grid-template-columns: 1fr; } .mini-pricing-actions .btn { align-items: center; display: inline-flex; justify-content: center; text-decoration: none; } .action-stack .mini-pricing-open { min-height: 54px; padding: 0 16px; } .btn.mini.mini-pricing-open { background: var(--theme-action-bg); border-color: var(--theme-action-border); border-radius: 8px; box-shadow: 0 8px 18px color-mix(in srgb, var(--theme-action-bg) 18%, transparent); color: var(--theme-action-text); gap: 3px; min-height: 54px; padding-bottom: 10px; padding-top: 10px; } .btn.mini.mini-pricing-open:hover,.btn.mini.mini-pricing-open:focus { background: var(--theme-action-bg-hover); border-color: var(--theme-action-bg-hover); color: var(--theme-action-text); } .btn.mini.mini-pricing-open span,.btn.mini.mini-pricing-open strong { color: var(--theme-action-text); font-size: 17px; font-weight: 900; } .btn.mini.mini-pricing-open strong { color: var(--theme-action-accent); } .mini-collapsed-snapshot { align-items: center; display: grid; gap: 8px; grid-template-columns: auto minmax(0,1fr); max-width: 100%; min-width: 0; } .editor-section-summary .mini-collapsed-snapshot,.editor-section-summary .mini-collapsed-snapshot span { color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: 0; text-transform: none; } .mini-collapsed-snapshot .lender-logo { height: 20px; max-width: 92px; } .mini-collapsed-snapshot b { color: var(--primary); display: block; font-size: 15px; line-height: 1; } .mini-collapsed-snapshot small { color: var(--muted); display: block; font-size: 10px; font-weight: 800; letter-spacing: 0; line-height: 1.2; max-width: none; overflow: hidden; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } details.mini-pricing-lab[open] .mini-collapsed-snapshot { display: none; } details.mini-pricing-lab:not([open]) .editor-section-summary { align-items: center; display: grid; gap: 6px 8px; grid-template-columns: max-content auto minmax(0,1fr) 24px; min-height: 58px; } details.mini-pricing-lab:not([open]) .editor-section-summary > span:first-child { flex: 0 0 auto; font-size: 12px; white-space: nowrap; } details.mini-pricing-lab:not([open]) .editor-section-summary .lead-card-drag-handle { grid-column: 2; } details.mini-pricing-lab:not([open]) .mini-collapsed-snapshot { gap: 5px; grid-column: 3; grid-template-columns: auto minmax(42px,auto); justify-self: end; max-width: 190px; } details.mini-pricing-lab:not([open]) .mini-collapsed-snapshot .lender-logo { height: 18px; max-width: 78px; } details.mini-pricing-lab:not([open]) .mini-collapsed-snapshot b { font-size: 12px; text-align: right; } details.mini-pricing-lab:not([open]) .mini-collapsed-snapshot small { display: none; } details.mini-pricing-lab:not([open]) .editor-section-summary::after { grid-column: 4; grid-row: 1; margin-left: 0; } .compact-fields { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; } .compact-fields .editor-section-summary { grid-column: 1 / -1; } .compact-fields label { margin-bottom: 0; } .lead-scenario-fields { align-content: start; display: block; } .lead-scenario-fields label:nth-of-type(1),.lead-scenario-fields label:nth-of-type(2) { grid-column: span 1; } .lead-scenario-body { display: grid; gap: 8px; grid-column: 1 / -1; grid-template-columns: repeat(2,minmax(140px,1fr)); padding-top: 8px; } .lead-scenario-body label { margin-bottom: 0; min-width: 0; } .lead-scenario-body label.scenario-field-empty input:not(:focus) { background: color-mix(in srgb, var(--soft) 74%, var(--paper)); border-color: color-mix(in srgb, var(--muted) 18%, var(--line)); color: color-mix(in srgb, var(--ink) 76%, var(--muted)); } .lead-scenario-body label.scenario-field-empty input::placeholder { color: color-mix(in srgb, var(--muted) 72%, var(--paper)); font-weight: 760; } .lead-scenario-body label.scenario-field-error { color: var(--red); } .lead-scenario-body label.scenario-field-error input { background: var(--paper); border-color: var(--red); box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 16%, transparent); color: var(--ink); } .lead-scenario-body label.scenario-field-error input:focus { border-color: var(--red); box-shadow: 0 0 0 3px color-mix(in srgb, var(--red) 22%, transparent); } .lead-scenario-body label.scenario-ltv-safe input:not(:focus) { background: color-mix(in srgb, var(--green) 7%, var(--paper)); border-color: color-mix(in srgb, var(--green) 18%, var(--line)); } .lead-scenario-body label.scenario-ltv-caution input:not(:focus) { background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 25%, var(--line)); } .lead-scenario-body label.scenario-ltv-alert input:not(:focus) { background: color-mix(in srgb, var(--red) 7%, var(--paper)); border-color: color-mix(in srgb, var(--red) 20%, var(--line)); } .lead-scenario-body label.scenario-fico-safe input:not(:focus) { background: color-mix(in srgb, var(--green) 7%, var(--paper)); border-color: color-mix(in srgb, var(--green) 18%, var(--line)); } .lead-scenario-body label.scenario-fico-caution input:not(:focus) { background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 25%, var(--line)); } .lead-scenario-body label.scenario-fico-alert input:not(:focus) { background: color-mix(in srgb, var(--red) 7%, var(--paper)); border-color: color-mix(in srgb, var(--red) 20%, var(--line)); } .zillow-field-wrap { display: block; position: relative; } .zillow-updated-field input:not(:focus) { background: var(--paper); border-color: #006aff; } .county-field.zillow-updated-field input[readonly]:not(:focus) { background: var(--paper); border-color: #006aff; color: var(--ink); } .zillow-updated-field select:not(:focus) { background: var(--paper); border-color: #006aff; } .zillow-updated-field .editor-choice-shell .custom-choice-menu summary { background: var(--paper); border-color: #006aff; } .zillow-field-indicator { display: none; } .zillow-updated-field input:focus + .zillow-field-indicator { display: none; } .zillow-updated-field select:focus + .zillow-field-indicator { display: none; } .scenario-field-placeholder { min-height: 34px; } .lead-scenario-body.is-purchase-scenario .purchase-header-spacer { min-height: 42px; } .option-groups { display: grid; gap: 10px; grid-template-columns: 1fr 1fr 1fr; } .option-groups h4,.status-fields h4 { font-size: 13px; margin-bottom: 8px; } .radio-line { align-items: center; color: var(--ink) !important; display: flex !important; font-size: 13px !important; font-weight: 650 !important; gap: 7px !important; margin-bottom: 8px !important; } .radio-line input { accent-color: var(--accent); min-height: auto; width: auto; } .status-choice input { height: 1px; opacity: 0; pointer-events: none; position: absolute; width: 1px; } .status-choice-grid { display: grid; gap: 6px; grid-template-columns: 1fr 1fr; } .status-field-group .status-choice-grid { grid-template-columns: minmax(0,1fr); justify-items: stretch; } .status-field-group { align-items: start; display: grid; gap: 8px 10px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 7px; } .status-field-group > span { color: var(--muted); font-size: 12px; font-weight: 750; line-height: 1.2; } .status-choice-section { display: grid; gap: 6px; } .status-choice-section h4 { color: var(--muted); font-size: 12px; font-weight: 750; letter-spacing: 0; line-height: 1.2; margin: 6px 0 0; text-transform: none; } .status-choice-section:first-of-type h4 { margin-top: 6px; } .lead-panel-status-body .status-choice-section, .lead-panel-status-body .status-choice-section:first-of-type { align-content: start; gap: 0; grid-template-rows: auto; } .lead-panel-status-body .status-choice-section h4, .lead-panel-status-body .status-choice-section:first-of-type h4 { align-self: start; line-height: 14px; margin: 0; } .lead-panel-status-body .status-choice-grid { align-self: start; margin-top: 0; } .status-choice { align-items: center; border: 2px solid transparent; border-radius: 6px; box-sizing: border-box; color: #101820 !important; display: flex !important; font-size: 12px !important; font-weight: 850 !important; gap: 6px !important; margin: 0 !important; min-height: 30px; padding: 5px 8px; position: relative; } .status-field-group .status-choice { justify-content: center; width: 100%; } .status-choice span { display: block; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .status-choice.hot { background: #fff2cb; } .status-choice.new { background: #eef4fa; } .status-choice.quote-ready { background: #eef6ff; } .status-choice.needs-review { background: #fff8df; } .status-choice.working,.status-choice.blue { background: #e8f2ff; } .status-choice.app-taken { background: #eef1ff; } .status-choice.appointment,.status-choice.follow-up,.status-choice.green { background: #e8f7f0; } .status-choice.opt-out-text { background: #f2edf5; } .status-choice.seasoning { background: #f6efdf; } .status-choice.long-term { background: #f3f1e8; } .status-choice.credit-repair { background: #f1eafd; } .status-choice.not-interested { background: #f4edf0; } .status-choice.not-qualified,.status-choice.not-eligible { background: #f1f2f4; } .status-choice.sent { background: #e6edf8; } .status-choice.is-selected { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); box-shadow: none; } .status-choice:focus-within { outline: 2px solid var(--theme-focus-ring); outline-offset: 2px; } .status-choice.is-disabled { cursor: not-allowed; opacity: .45; } .status-choice.is-disabled.is-selected { opacity: .72; } @media (max-width: 520px) { .lead-editor-grid .property-summary-links .zillow-scraper-pill { height: var(--lead-card-header-pill-height); min-height: var(--lead-card-header-pill-height); min-width: 0; padding-right: 7px; width: 100%; } .status-field-group { gap: 8px; } .status-field-group .status-choice { font-size: 11px !important; padding-left: 5px; padding-right: 5px; } } .notes-box textarea { background: #fff; color: #101820; } .notes-box .action-grid { margin-top: 10px; } .notes-box { grid-column: span 2; } .lead-editor-grid > .notes-box { grid-column: auto; } .lead-workflow-stack .notes-box { grid-column: auto; } .lead-workflow-stack .notes-box textarea { min-height: 150px; } .update-log-box { min-width: 0; overflow: hidden; position: relative; resize: none; } .lead-editor-grid.is-layout-unlocked .update-log-box { resize: vertical; } .update-log-box .editor-section-summary { grid-template-columns: minmax(0,1fr); margin-bottom: 6px; } .selected-lead-panel .lead-panel-log-card > .editor-section-summary { grid-template-columns: max-content minmax(0,1fr); } .lead-editor-grid .update-log-box > .editor-section-summary { margin-bottom: 6px; } .lead-editor-grid .update-log-box:not([open]) > .editor-section-summary { margin-bottom: -2px; min-height: 40px; } .update-log-actions { display: flex; justify-content: flex-start; margin: -1px 0 7px 0; min-height: 22px; } .lead-editor-grid .update-log-box > .update-log-actions { margin: 0; position: absolute; right: 12px; top: 14px; z-index: 2; } .lead-editor-grid .update-log-box[open] > .update-log-actions { right: 14px; top: 14px; } .update-log-box:not([open]) > .update-log-actions { display: none; } .selected-lead-panel .lead-panel-log-card[open] { position: relative; } .selected-lead-panel .lead-panel-log-card[open] > .editor-section-summary { padding-right: 66px; } .selected-lead-panel .lead-panel-log-card[open] .update-log-actions { justify-content: flex-end; margin: 0; position: absolute; right: 14px; top: 14px; z-index: 2; } .update-log-box .clear-log-btn.btn.mini { align-items: center; border-radius: 999px; box-sizing: border-box; display: inline-flex; font-size: 10px; font-weight: 400; height: 22px; justify-content: center; line-height: 1; min-height: 22px; min-width: 50px; padding: 0 10px; position: static; } .clear-log-btn:disabled { cursor: default; opacity: .58; } .lead-editor-grid .update-log-box > .editor-section-summary > span:first-child { top: calc(var(--lead-card-header-label-top) - 4px); } .update-log-box.is-empty { padding-bottom: 7px; } .update-log-box.is-empty:not([open]) { padding-bottom: 12px; } .lead-editor-grid .update-log-box.is-empty > .editor-section-summary { margin-bottom: 0; min-height: 34px; } .lead-editor-grid .update-log-box.is-empty:not([open]) > .editor-section-summary { margin-bottom: -2px; min-height: 40px; } .update-log-list { background: #fff; border: 1px solid var(--line); border-radius: 7px; box-sizing: border-box; cursor: grab; display: grid; gap: 5px; height: var(--update-log-list-height, 178px); margin-top: 0; max-height: 178px; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 6px; resize: none; scrollbar-gutter: auto; scrollbar-width: none; transition: height .16s ease, padding .16s ease, border-color .16s ease; user-select: none; } .update-log-list::-webkit-scrollbar { display: none; height: 0; width: 0; } .update-log-list.has-entries.is-drag-scrolling { cursor: grabbing; } .update-log-list.is-empty { border-width: 0; height: 0; margin-top: 0; overflow: hidden; padding-bottom: 0; padding-top: 0; } .update-log-entry { align-items: start; background: color-mix(in srgb, var(--paper) 78%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 76%, transparent); border-radius: 6px; display: grid; gap: 7px; grid-template-columns: 62px minmax(0,1fr) 22px; min-height: 32px; padding: 6px 5px 6px 8px; position: relative; } .update-log-entry time { color: var(--muted); font-size: 10px; font-weight: 400; letter-spacing: 0; line-height: 1.18; text-transform: none; } .update-log-entry p { color: var(--ink); font-size: 11px; font-weight: 400; line-height: 1.24; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .update-log-entry-link { color: var(--primary); font-weight: 700; overflow-wrap: anywhere; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } .update-log-entry-link:hover,.update-log-entry-link:focus { color: var(--accent); outline: 0; } .update-log-entry-action { appearance: none; background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--primary) 86%, var(--ink)); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 10px; font-weight: 800; line-height: 1; margin: 4px 0 0; min-height: 20px; padding: 4px 8px; } .update-log-entry-action:hover,.update-log-entry-action:focus { background: color-mix(in srgb, var(--primary) 10%, var(--paper)); border-color: color-mix(in srgb, var(--primary) 48%, var(--line)); outline: 0; } .update-log-entry-clear { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 999px; color: color-mix(in srgb, var(--muted) 76%, var(--ink)); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 12px; font-weight: 950; height: 18px; justify-content: center; opacity: 0; padding: 0; position: static; transition: opacity .14s ease, background .14s ease, border-color .14s ease, color .14s ease; width: 18px; } .update-log-entry:hover .update-log-entry-clear,.update-log-entry-clear:focus { opacity: 1; } .update-log-entry-clear:hover,.update-log-entry-clear:focus { background: color-mix(in srgb, var(--red) 8%, var(--paper)); border-color: color-mix(in srgb, var(--red) 28%, var(--line)); color: var(--red); outline: 0; } .editor-footer-actions { display: grid; gap: 10px; grid-column: 1 / -1; grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr); } .settings-layout { display:grid; gap:16px; grid-template-columns:minmax(0,1fr) 340px; } .settings-layout-single { grid-template-columns:minmax(0,1fr); } .settings-drawer-card { display: grid; gap: 12px; } .settings-drawer-head { align-items: center; border-bottom: 1px solid color-mix(in srgb, var(--line) 78%, transparent); display: flex; gap: 12px; justify-content: space-between; padding-bottom: 12px; } .settings-drawer-head h2 { margin-bottom: 0; } .settings-accordion-stack { display: grid; gap: 10px; } .settings-accordion-column { display: contents; min-width: 0; } .settings-accordion[data-settings-section="setup"] { order: 1; } .settings-accordion[data-settings-section="branding"] { order: 2; } .settings-accordion[data-settings-section="appearance"] { order: 3; } .settings-accordion[data-settings-section="billing"] { order: 4; } .settings-accordion { background: color-mix(in srgb, var(--soft) 46%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 92%, var(--accent)); border-radius: 8px; overflow: hidden; } .settings-accordion-summary { align-items: center; cursor: pointer; display: grid; gap: 12px; grid-template-columns: minmax(190px,.72fr) minmax(0,1fr) auto; list-style: none; min-height: 62px; padding: 12px 14px; } .settings-accordion-summary.is-compact { grid-template-columns: minmax(190px,.72fr) auto; } .settings-accordion-summary.is-compact em { justify-self: end; } .settings-accordion-summary::-webkit-details-marker { display: none; } .settings-accordion-title { display: grid; gap: 3px; min-width: 0; } .settings-accordion-title small { color: var(--section-label); font-size: 10px; font-weight: 950; letter-spacing: .08em; line-height: 1; text-transform: uppercase; } .settings-accordion-title strong { color: var(--ink); font-size: 18px; line-height: 1.05; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .settings-accordion-summary-copy { color: var(--muted); font-size: 13px; font-weight: 760; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .settings-accordion-summary-copy.has-status-list { overflow: visible; text-overflow: clip; white-space: normal; } .settings-summary-status-list { align-items: center; display: flex; flex-wrap: wrap; gap: 4px 8px; } .settings-summary-status-item { font-weight: 920; line-height: 1.2; white-space: nowrap; } .settings-summary-status-item.is-complete { color: color-mix(in srgb, var(--success) 78%, var(--ink)); } .settings-summary-status-item.is-outstanding { color: color-mix(in srgb, var(--red) 82%, var(--ink)); } .settings-summary-status-sep { color: color-mix(in srgb, var(--muted) 56%, transparent); font-weight: 760; line-height: 1; } [data-theme="dark"] .settings-summary-status-item.is-complete { color: #8ee8b0; } [data-theme="dark"] .settings-summary-status-item.is-outstanding { color: #ff9a9a; } [data-theme="dark"] .settings-summary-status-sep { color: #7891a7; } .settings-accordion-summary em { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--accent) 76%, var(--ink)); font-size: 11px; font-style: normal; font-weight: 950; line-height: 1; padding: 7px 10px; text-transform: uppercase; white-space: nowrap; } .settings-accordion-summary em { justify-self: end; max-width: max-content; min-width: 0; width: fit-content; } .settings-accordion[open] { background: var(--paper); } .settings-accordion[open] .settings-accordion-summary { border-bottom: 1px solid color-mix(in srgb, var(--line) 84%, transparent); } .settings-accordion-body { display: grid; gap: 14px; padding: 14px; } .settings-placeholder-grid { display: grid; gap: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); } .settings-placeholder-grid article { background: color-mix(in srgb, var(--soft) 64%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 86%, transparent); border-radius: 8px; display: grid; gap: 5px; min-height: 72px; padding: 12px; } .settings-placeholder-grid span { color: var(--muted); font-size: 11px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; } .settings-placeholder-grid strong { color: var(--ink); font-size: 15px; line-height: 1.1; } .workspace-color-panel { background: color-mix(in srgb, var(--soft) 46%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 8px; display: grid; gap: 10px; padding: 12px; } .workspace-color-head { align-items: center; display: flex; gap: 10px; justify-content: space-between; min-width: 0; } .workspace-color-head .control-framed-label { min-height: 34px; } .workspace-color-panel .meta { margin: -2px 0 0; } .workspace-color-form { grid-template-columns: repeat(2,minmax(0,1fr)); } .workspace-font-form { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: -2px; } .workspace-color-field { min-height: 46px; } .workspace-color-field span { align-items: center; display: flex; min-width: 0; } .workspace-color-field small { color: var(--muted); display: block; font-size: 10px; font-weight: 700; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .settings-preset-strip { gap: 8px; margin-bottom: 0; } .settings-preset-chip { align-items: center; display: grid; gap: 0; grid-template-columns: minmax(0,1fr); justify-items: center; min-height: 42px; padding: 8px 10px; text-align: center; } .settings-preset-chip strong { color: var(--ink); font-size: 12px; font-weight: 850; line-height: 1.05; max-width: 100%; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .settings-preset-chip .swatches { justify-content: flex-end; margin: 0; } .settings-preset-chip .swatch { height: 14px; width: 14px; } .settings-brand-color-row { gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); } .settings-brand-color-row .color-field { grid-template-columns: minmax(0,1fr) 34px; min-height: 42px; padding: 7px 9px; } .settings-brand-color-row .color-field input[type="color"] { height: 28px; width: 34px; } .import-layout { display:grid; gap:16px; grid-template-columns:minmax(0,1fr) 330px; } .manual-lead-form { display:grid; gap:14px; margin-top:16px; } .compact-manual-form { margin-top:12px; } .manual-section { border-top:1px solid var(--line); padding-top:14px; } .manual-section h3 { font-size:13px; letter-spacing:.04em; margin-bottom:10px; text-transform:uppercase; } .manual-grid { display:grid; gap:10px; grid-template-columns:repeat(4,minmax(0,1fr)); } .compact-manual-form .manual-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .manual-grid label { color:var(--muted); display:grid; font-size:12px; font-weight:750; gap:5px; } .manual-grid input,.manual-grid select,.manual-grid textarea { background:var(--paper); border:1px solid var(--line); border-radius:6px; color:var(--ink); min-height:38px; padding:8px 10px; width:100%; } .manual-grid textarea { line-height:1.45; resize:vertical; } .manual-wide { grid-column:span 2; } .manual-actions { max-width:430px; } .import-notice { margin-bottom:0; } .import-side { align-self:start; } .modal-backdrop { align-items: flex-start; background: rgba(8, 13, 18, .58); display: flex; inset: 0; justify-content: center; overflow: auto; padding: 36px 20px; position: fixed; z-index: 100; } .modal-card { background: var(--paper); border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow); color: var(--ink); max-width: 980px; padding: 18px; width: min(980px, 100%); } .appointment-modal-card { max-width: 520px; } .borrower-edit-modal-card { display: grid; gap: 12px; max-width: 380px; } .borrower-edit-form { display: grid; gap: 12px; } .borrower-edit-field-grid { display: grid; gap: 9px; grid-template-columns: minmax(0,1fr); } .borrower-edit-field-grid label { color: color-mix(in srgb, var(--muted) 90%, var(--ink)); display: grid; font-size: 12px; font-weight: 600; gap: 5px; } .borrower-edit-field-grid input { background: var(--paper); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font: inherit; min-height: 38px; padding: 8px 10px; width: 100%; } .borrower-edit-field-grid input:focus { border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 13%, transparent); outline: 0; } .borrower-edit-actions { display: flex; gap: 8px; justify-content: flex-end; } .lead-notes-modal-card { display: grid; gap: 12px; max-width: 560px; } .lead-notes-modal-card textarea { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; color: var(--ink); font: inherit; line-height: 1.45; min-height: 220px; padding: 10px 12px; resize: vertical; width: 100%; } .lead-notes-modal-actions { align-items: center; display: inline-flex; gap: 8px; } .lead-notes-appointment-pill.is-modal-action { min-height: 34px; padding-left: 12px; padding-right: 12px; } .appointment-form { display: grid; gap: 12px; } .appointment-form label { color: var(--muted); display: grid; font-size: 12px; font-weight: 780; gap: 6px; } .appointment-form input,.appointment-form textarea { background: var(--paper); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font: inherit; min-height: 38px; padding: 8px 10px; width: 100%; } .appointment-form textarea { line-height: 1.45; resize: vertical; } .appointment-field-grid { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); } .appointment-sync-preview { background: color-mix(in srgb, var(--accent) 6%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line)); border-radius: 8px; display: grid; gap: 4px; padding: 10px; } .appointment-sync-preview strong { color: var(--ink); font-size: 13px; font-weight: 900; } .appointment-sync-preview span,.appointment-sync-preview small { color: var(--muted); font-size: 12px; font-weight: 700; line-height: 1.35; } .appointment-actions { display: flex; gap: 8px; justify-content: flex-end; } .quick-import-bar { align-items:center; display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 4px; } .quick-import-bar .btn { font-size:12px; min-height:34px; padding:7px 10px; } .excel-lead-drop-zone { align-items: center; background: color-mix(in srgb, var(--accent) 7%, var(--paper)); border: 1px dashed color-mix(in srgb, var(--accent) 50%, var(--line)); border-radius: 9px; display: grid; gap: 12px; grid-template-columns: minmax(0,1fr) auto; margin-top: 10px; padding: 12px; } .excel-lead-drop-zone.is-dragging { background: color-mix(in srgb, var(--brand-gold) 14%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 65%, var(--line)); box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--brand-gold) 24%, transparent); } .excel-lead-drop-zone.is-busy { opacity: .72; } .excel-lead-drop-zone > div { display: grid; gap: 3px; min-width: 0; } .excel-lead-drop-zone strong { color: var(--ink); font-size: 13px; line-height: 1.1; } .excel-lead-drop-zone span { color: var(--muted); font-size: 12px; font-weight: 760; line-height: 1.25; } .lead-import-automation-strip { align-items: center; background: color-mix(in srgb, var(--brand-gold) 14%, var(--paper)); border: 1px solid color-mix(in srgb, var(--brand-gold) 42%, var(--line)); border-radius: 9px; display: grid; gap: 10px; grid-template-columns: minmax(220px,1fr) minmax(240px,310px) auto; margin-top: 12px; padding: 10px 12px; } .lead-import-automation-strip.is-on { background: color-mix(in srgb, var(--green) 16%, var(--paper)); border-color: color-mix(in srgb, var(--green) 44%, var(--line)); } .lead-import-automation-strip > div { display: grid; gap: 2px; min-width: 0; } .lead-import-automation-strip strong { color: var(--ink); font-size: 14px; font-weight: 400; line-height: 1.1; } .lead-import-automation-strip span { color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.25; } .lead-import-automation-strip small { color: color-mix(in srgb, var(--green) 76%, var(--ink)); font-size: 11px; font-weight: 400; line-height: 1.2; } .lead-import-automation-strip > .input { background: var(--paper); min-height: 38px; width: 100%; } .lead-import-folder-picker { min-width: 0; position: relative; width: 100%; } .lead-import-folder-picker summary { align-items: center; background: var(--paper); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line)); border-radius: 7px; color: var(--ink); cursor: pointer; display: grid; font-size: 15px; font-weight: 400; gap: 8px; grid-template-columns: minmax(0,1fr) 16px; line-height: 1.2; list-style: none; min-height: 38px; padding: 8px 12px; width: 100%; } .lead-import-folder-picker summary::-webkit-details-marker { display: none; } .lead-import-folder-picker summary span { color: var(--ink); font-size: 15px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .folder-picker-arrow { border-bottom: 2px solid var(--accent); border-right: 2px solid var(--accent); display: block; height: 7px; justify-self: center; transform: rotate(45deg) translateY(-2px); transition: transform .16s ease; width: 7px; } .lead-import-folder-picker[open] .folder-picker-arrow { transform: rotate(225deg) translate(-2px,-1px); } .lead-import-folder-menu { background: var(--paper); border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); border-radius: 8px; box-shadow: 0 14px 28px rgba(16,24,32,.14); display: grid; gap: 8px; left: 0; padding: 9px; position: absolute; right: 0; top: calc(100% + 6px); z-index: 50; } .lead-import-folder-options { display: grid; gap: 6px; } .lead-import-folder-option-row { align-items: stretch; display: grid; gap: 5px; grid-template-columns: minmax(0,1fr) 26px; min-width: 0; } .lead-import-folder-option { background: color-mix(in srgb, var(--accent) 9%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); border-radius: 7px; color: var(--ink); cursor: pointer; font-size: 12px; font-weight: 400; min-height: 32px; padding: 7px 9px; text-align: left; width: 100%; } .lead-import-folder-option-row.active .lead-import-folder-option { background: color-mix(in srgb, var(--accent) 18%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 58%, var(--line)); color: var(--accent-strong); } .lead-import-folder-remove { align-items: center; background: color-mix(in srgb, var(--red) 8%, var(--paper)); border: 1px solid color-mix(in srgb, var(--red) 28%, var(--line)); border-radius: 7px; color: color-mix(in srgb, var(--red) 82%, var(--ink)); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 14px; font-weight: 650; justify-content: center; line-height: 1; min-height: 32px; opacity: 0; padding: 0; transform: translateX(3px); transition: opacity .14s ease, transform .14s ease, background .14s ease, border-color .14s ease; width: 26px; } .lead-import-folder-option-row:hover .lead-import-folder-remove, .lead-import-folder-option-row:focus-within .lead-import-folder-remove { opacity: 1; transform: translateX(0); } .lead-import-folder-remove:hover,.lead-import-folder-remove:focus-visible { background: color-mix(in srgb, var(--red) 14%, var(--paper)); border-color: color-mix(in srgb, var(--red) 48%, var(--line)); outline: 0; } .lead-import-folder-menu label { color: var(--muted); display: grid; font-size: 11px; font-weight: 600; gap: 5px; } .lead-import-folder-menu .input { min-height: 36px; width: 100%; } .lead-import-folder-menu small { color: var(--muted); font-size: 11px; font-weight: 400; line-height: 1.25; } .lead-import-folder-actions { align-items: center; display: inline-flex !important; gap: 8px; justify-content: flex-end; } .lead-import-folder-actions .btn { min-height: 38px; white-space: nowrap; } .lead-import-auto-toggle { background: var(--paper) !important; border-color: color-mix(in srgb, var(--accent) 34%, var(--line)) !important; color: var(--ink) !important; flex: 0 0 auto; gap: 7px; justify-content: center; min-height: 38px; min-width: 94px; padding: 6px 9px !important; } .lead-import-auto-toggle input { height: 1px; margin: -1px; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; width: 1px; } .lead-import-auto-toggle strong { color: var(--ink); font-size: 12px; font-weight: 400; line-height: 1; } .lead-import-switch-track { align-items: center; background: color-mix(in srgb, var(--muted) 18%, var(--paper)); border: 1px solid color-mix(in srgb, var(--muted) 36%, var(--line)); border-radius: 999px; display: inline-flex; height: 20px; padding: 2px; transition: background .16s ease,border-color .16s ease; width: 38px; } .lead-import-switch-track i { background: var(--paper); border-radius: 999px; box-shadow: 0 1px 4px rgba(16,24,32,.22); display: block; height: 14px; transform: translateX(0); transition: transform .16s ease; width: 14px; } .lead-import-auto-toggle.is-on { background: color-mix(in srgb, var(--green) 14%, var(--paper)) !important; border-color: color-mix(in srgb, var(--green) 50%, var(--line)) !important; color: color-mix(in srgb, var(--green) 78%, var(--ink)) !important; } .lead-import-auto-toggle.is-on .lead-import-switch-track { background: color-mix(in srgb, var(--green) 78%, var(--ink)); border-color: color-mix(in srgb, var(--green) 82%, var(--ink)); } .lead-import-auto-toggle.is-on .lead-import-switch-track i { transform: translateX(18px); } .lead-import-auto-toggle.is-on strong { color: color-mix(in srgb, var(--green) 76%, var(--ink)); } .lead-import-watch-strip, .lead-import-ready-strip { align-items: center; border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line)); border-radius: 9px; display: grid; gap: 10px; grid-template-columns: minmax(210px,1fr) minmax(220px,310px) auto; margin-top: 10px; padding: 10px 12px; } .lead-import-watch-strip { background: color-mix(in srgb, var(--soft) 70%, var(--paper)); } .lead-import-watch-strip.has-pending, .lead-import-ready-strip { background: color-mix(in srgb, var(--brand-gold) 11%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 44%, var(--line)); } .lead-import-watch-strip > div, .lead-import-ready-strip > div { display: grid; gap: 2px; min-width: 0; } .lead-import-watch-strip strong, .lead-import-ready-strip strong { color: var(--ink); font-size: 13px; font-weight: 400; line-height: 1.1; } .lead-import-watch-strip span, .lead-import-ready-strip span { color: var(--muted); font-size: 12px; font-weight: 400; line-height: 1.25; } .lead-import-modal-notice { background: color-mix(in srgb, var(--accent) 9%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 30%, var(--line)); border-radius: 8px; color: var(--ink); font-size: 12px; font-weight: 400; margin-top: 10px; padding: 9px 11px; } .lead-import-modal-notice.is-locked { background: color-mix(in srgb, var(--brand-gold) 12%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 46%, var(--line)); } body[data-app-view="leads"] .lead-import-modal-notice.is-locked { background: color-mix(in srgb, #2fbf71 12%, var(--paper)); border-color: color-mix(in srgb, #2fbf71 42%, var(--line)); } .auto-import-toggle { align-items: center; background: color-mix(in srgb, var(--accent) 9%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--line)); border-radius: 8px; color: var(--ink); cursor: pointer; display: inline-flex; font-size: 12px; font-weight: 850; gap: 7px; min-height: 34px; padding: 7px 10px; } .auto-import-toggle input { margin: 0; } .settings-toggle { margin-top: 8px; } .auto-import-status { align-items: center; background: #e5f7ed; border: 1px solid #94d8ad; border-radius: 8px; color: #0d4f2b; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; padding: 9px 11px; } .auto-import-status span { color: #2f6f4d; font-size: 12px; font-weight: 750; } [data-theme="dark"] .auto-import-status { background: color-mix(in srgb, var(--green) 18%, var(--paper)); color: var(--ink); } [data-theme="dark"] .auto-import-status span { color: var(--muted); } .quick-import-panel { background: color-mix(in srgb, var(--accent) 7%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--line)); border-radius: 8px; display: grid; gap: 10px; margin-top: 10px; padding: 12px; } .quick-import-panel label { color:var(--muted); display:grid; font-size:12px; font-weight:750; gap:6px; } .quick-import-panel textarea { background: var(--paper); border: 1px solid var(--line); border-radius: 6px; color: var(--ink); line-height: 1.45; padding: 9px 10px; resize: vertical; width: 100%; } .quick-import-panel .btn { justify-self:start; min-height:36px; } .recent-list { display:grid; gap:8px; margin-top:14px; } .recent-lead { background:#f6f9fb; border:1px solid var(--line); border-radius:8px; color:var(--ink); cursor:pointer; display:grid; gap:3px; padding:10px; text-align:left; } [data-theme="dark"] .recent-lead { background:#101a24; } .recent-lead span { color:var(--muted); font-size:12px; } .admin-workspace { grid-template-columns: minmax(0,1fr); } .admin-control-center { display: grid; gap: 14px; grid-column: 1 / -1; } .admin-section,.admin-access-panel { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; box-shadow: var(--shadow-soft); } .admin-access-panel h2 { font-size: 28px; line-height: 1.05; margin: 0; } .admin-access-panel { padding: 22px; } .admin-metric-grid { grid-template-columns: repeat(8,minmax(96px,1fr)); } .admin-metric-card { min-height: 72px; padding: 12px; } .admin-metric-card strong { font-size: 24px; } .admin-metric-card small { color: var(--muted); font-size: 11px; font-weight: 760; line-height: 1.25; } .admin-grid { display: grid; gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); } .admin-compact-grid .admin-section { min-height: 0; } .admin-section { display: grid; gap: 12px; padding: 16px; } .admin-section-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; } .admin-billing-automation-line { font-size: 11px; font-weight: 400; margin-top: 4px; } .admin-wide-section,.admin-users-section { grid-column: 1 / -1; } .admin-users-panel-head { align-items: flex-start; } .admin-users-title-wrap { display: grid; gap: 6px; min-width: 0; } .admin-window-tab { align-items: center; background: color-mix(in srgb, var(--soft) 70%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 7px; color: var(--ink); display: inline-flex; font-size: 13px; font-weight: 850; gap: 8px; justify-content: center; line-height: 1.08; min-height: 31px; padding: 7px 11px 7px 9px; white-space: nowrap; width: fit-content; } .admin-window-tab::before { background: color-mix(in srgb, var(--accent) 72%, var(--line)); border-radius: 999px; content: ""; display: inline-block; flex: 0 0 auto; height: 17px; width: 2px; } body[data-app-view="admin"] .app-header-main { align-items: center; gap: 12px; } body[data-app-view="admin"] .app-header h1 { line-height: 1.1; white-space: normal; } .view-tools .admin-refresh-icon-button { align-items: center; appearance: none; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: color-mix(in srgb, var(--accent) 82%, var(--ink)); cursor: pointer; display: inline-flex; flex: 0 0 auto; height: 42px; justify-content: center; margin: 0; min-height: 42px; min-width: 38px; padding: 0; width: 38px; } .view-tools .admin-refresh-icon-button svg { display: block; fill: none; height: 24px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; width: 24px; } .view-tools .admin-refresh-icon-button:hover,.view-tools .admin-refresh-icon-button:focus { color: color-mix(in srgb, var(--brand-gold) 90%, var(--ink)); outline: 2px solid color-mix(in srgb, var(--brand-gold) 30%, transparent); outline-offset: 3px; } .view-tools .admin-refresh-icon-button:disabled { cursor: wait; opacity: .64; } .view-tools .admin-refresh-icon-button.is-busy svg { animation: admin-refresh-spin .9s linear infinite; } @keyframes admin-refresh-spin { to { transform: rotate(360deg); } } .feature-disabled-panel { align-content: start; display: grid; gap: 10px; min-height: 260px; padding: 22px; } .feature-disabled-panel h2 { font-size: 30px; line-height: 1.05; margin: 0; } .feature-disabled-panel .btn { justify-self: start; } .admin-feature-controls-section { background: color-mix(in srgb, var(--accent) 2%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 14%, var(--line)); gap: 9px; padding: 12px; } .admin-feature-subtitle { color: var(--muted); display: block; font-size: 10px; font-weight: 650; line-height: 1.2; margin-top: 3px; } .admin-feature-count { color: var(--muted); font-size: 12px; font-weight: 750; white-space: nowrap; } .admin-feature-controls-form { display: grid; gap: 8px; } .admin-feature-group { display: grid; gap: 6px; } .admin-feature-group h3 { color: var(--muted); font-size: 10px; letter-spacing: .02em; margin: 0; text-transform: uppercase; } .admin-feature-grid { display: grid; gap: 6px; grid-template-columns: repeat(4,minmax(0,1fr)); } .admin-feature-toggle { align-items: flex-start; background: color-mix(in srgb, var(--paper) 82%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 7px; cursor: pointer; display: flex !important; flex-direction: row; gap: 7px !important; min-height: 48px; padding: 7px 8px; } .admin-feature-toggle input { flex: 0 0 auto; margin-top: 2px; min-height: 0; width: auto; } .admin-feature-toggle span { display: grid; gap: 2px; min-width: 0; } .admin-feature-toggle strong { color: var(--ink); font-size: 11px; line-height: 1.12; } .admin-feature-toggle small { color: var(--muted); font-size: 9px; font-weight: 600; line-height: 1.18; } .admin-feature-toggle.is-off { background: color-mix(in srgb, var(--red) 7%, var(--paper)); border-color: color-mix(in srgb, var(--red) 28%, var(--line)); } .admin-feature-toggle.is-off strong { color: color-mix(in srgb, var(--red) 82%, var(--ink)); } @media (max-width: 980px) { .admin-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 560px) { .admin-feature-grid { grid-template-columns: 1fr; } } .admin-table-wrap { border-radius: 8px; max-height: none; overflow-x: auto; overflow-y: visible; } .admin-table { min-width: 980px; width: 100%; } .admin-table th,.admin-table td { font-size: 12px; padding: 10px 12px; } .admin-table td strong { font-size: 13px; } .admin-table th:last-child,.admin-table td:last-child { text-align: right; } .admin-sort-header { align-items: center; background: transparent; border: 0; color: inherit; cursor: pointer; display: inline-flex; font: inherit; font-weight: 950; gap: 5px; justify-content: inherit; min-height: 24px; padding: 0; text-align: inherit; text-transform: inherit; width: 100%; } .admin-sort-header b { color: var(--accent); display: inline-flex; font-size: 11px; font-weight: 950; min-width: 10px; } .admin-sort-header:not(.is-active) b { color: transparent; } .admin-sort-header:hover,.admin-sort-header:focus { color: var(--accent); outline: 0; } .admin-sort-header:focus-visible { outline: 2px solid color-mix(in srgb, var(--accent) 36%, transparent); outline-offset: 2px; } .admin-status-pill { align-items: center; box-sizing: border-box; display: inline-flex; justify-content: center; line-height: 1; padding: 5px 8px; width: 76px; } .admin-status-pill.is-caution { background: #fff4c7; border-color: #ead27f; color: #6f4d00; } .admin-status-pill.is-expired { background: #ffe2e2; border-color: #f0a4a4; color: #a22222; } .admin-expiration-text { color: var(--ink); font-size: 12px; font-weight: 850; white-space: nowrap; } .admin-user-row { cursor: pointer; } .admin-user-row:hover td { background: color-mix(in srgb, var(--accent) 5%, var(--paper)); } .admin-user-row:focus-visible { outline: 2px solid color-mix(in srgb, var(--accent) 36%, transparent); outline-offset: -2px; } .admin-user-row.is-expanded td { background: color-mix(in srgb, var(--accent) 7%, var(--paper)); } .admin-user-detail-row td { background: color-mix(in srgb, var(--soft) 64%, var(--paper)); padding: 0 !important; } .admin-user-detail { align-items: start; display: grid; gap: 10px; grid-template-columns: minmax(560px,1.45fr) minmax(280px,.55fr); padding: 12px; } .admin-user-detail section,.admin-tab-section { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 8px; min-height: 0; padding: 12px; } .admin-user-detail h3 { font-size: 13px; margin: 0; text-transform: uppercase; } .admin-user-detail .admin-activity-list { max-height: none; overflow: visible; padding-right: 0; } .admin-preview-access-strip { background: color-mix(in srgb, var(--accent) 5%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line)); border-radius: 8px; display: grid; gap: 8px; margin-bottom: 10px; padding: 10px; } .admin-preview-access-head { align-items: center; display: flex; gap: 10px; justify-content: space-between; } .admin-preview-access-head small { color: var(--muted); font-size: 11px; font-weight: 650; } .admin-preview-access-list { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); } .admin-preview-account-card { align-items: center; background: var(--paper); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-left: 3px solid color-mix(in srgb, var(--accent) 70%, var(--line)); border-radius: 8px; display: grid; gap: 4px 8px; grid-template-columns: minmax(0,1fr) auto; padding: 9px; } .admin-preview-account-card.is-alert { border-left-color: var(--red); } .admin-preview-account-card div { display: grid; gap: 2px; min-width: 0; } .admin-preview-account-card strong { color: var(--ink); font-size: 13px; font-weight: 760; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin-preview-account-card span,.admin-preview-account-card small { color: var(--muted); font-size: 11px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin-preview-account-card small { grid-column: 1; } .admin-preview-account-card button { grid-column: 2; grid-row: 1 / span 2; justify-self: end; } .admin-tab-section > summary, .admin-inline-tab-section > summary { align-items: center; cursor: pointer; display: grid; gap: 8px; grid-template-columns: max-content minmax(0,1fr); list-style: none; margin: -4px 0 8px; min-height: 32px; } .admin-tab-section > summary::-webkit-details-marker, .admin-inline-tab-section > summary::-webkit-details-marker { display: none; } .admin-tab-section > summary > span:first-child, .admin-inline-tab-section > summary > span:first-child { align-items: center; background: color-mix(in srgb, var(--soft) 70%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 7px; color: var(--ink); display: inline-flex; font-size: 13px; font-weight: 650; gap: 8px; justify-content: center; line-height: 1.08; min-height: 31px; padding: 7px 11px 7px 9px; white-space: nowrap; } .admin-tab-section > summary > span:first-child::before, .admin-inline-tab-section > summary > span:first-child::before { background: color-mix(in srgb, var(--accent) 72%, var(--line)); border-radius: 999px; content: ""; display: inline-block; flex: 0 0 auto; height: 17px; width: 2px; } .admin-tab-section > summary:hover > span:first-child, .admin-tab-section > summary:focus > span:first-child, .admin-inline-tab-section > summary:hover > span:first-child, .admin-inline-tab-section > summary:focus > span:first-child { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); outline: 0; } .admin-tab-section > summary small, .admin-inline-tab-section > summary small { color: var(--muted); font-size: 11px; font-weight: 600; min-width: 0; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .admin-tab-section:not([open]) > summary, .admin-inline-tab-section:not([open]) > summary { margin-bottom: -2px; } .admin-account-edit-section { grid-column: auto; } .admin-account-form { align-items: end; display: grid; gap: 7px; grid-template-columns: repeat(2,minmax(0,1fr)); } .admin-account-form label { color: var(--muted); display: grid; font-size: 11px; font-weight: 600; gap: 4px; min-width: 0; } .admin-account-form input,.admin-account-form select,.admin-account-form textarea { background: var(--paper); border: 1px solid var(--line); border-radius: 7px; color: var(--ink); font-size: 12px; font-weight: 500; min-height: 32px; padding: 6px 8px; width: 100%; } .admin-account-form textarea { min-height: 54px; resize: vertical; } .admin-trial-access-panel { background: color-mix(in srgb, var(--accent) 4%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line)); border-radius: 8px; display: grid; gap: 8px; grid-column: 1 / -1; padding: 10px; } .admin-trial-access-head { align-items: center; display: flex; gap: 10px; justify-content: space-between; } .admin-trial-access-head div { display: grid; gap: 2px; min-width: 0; } .admin-trial-access-head strong { color: var(--ink); font-size: 13px; font-weight: 760; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin-trial-access-head span { color: var(--muted); font-size: 11px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin-trial-access-grid,.admin-account-advanced-grid { display: grid; gap: 7px; grid-template-columns: repeat(2,minmax(0,1fr)); } .admin-trial-access-wide { grid-column: 1 / -1; } .admin-account-advanced-section { grid-column: 1 / -1; margin: 0; padding: 4px 0; } .admin-account-advanced-section > summary { margin: 0 0 8px; } .admin-account-advanced-section:not([open]) > summary { margin-bottom: 0; } .admin-account-advanced-grid { padding-top: 4px; } .admin-license-states { border: 1px solid color-mix(in srgb, var(--line) 86%, transparent); border-radius: 8px; display: grid; gap: 5px; grid-column: 1 / -1; margin: 0; min-width: 0; padding: 9px; } .admin-license-states > summary small { color: var(--muted); font-size: 11px; font-weight: 400; letter-spacing: 0; text-align: right; } .admin-state-bubble-grid { display: flex; flex-wrap: wrap; gap: 4px; } .admin-state-bubble { display: inline-flex !important; gap: 0 !important; min-width: 0; position: relative; } .admin-state-bubble input { height: 1px; min-height: 0; opacity: 0; padding: 0; pointer-events: none; position: absolute; width: 1px; } .admin-state-bubble span { align-items: center; background: color-mix(in srgb, var(--soft) 74%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 999px; color: color-mix(in srgb, var(--muted) 82%, var(--ink)); cursor: pointer; display: inline-flex; font-size: 9.5px; font-weight: 700; height: 20px; justify-content: center; line-height: 1; min-width: 29px; padding: 0 6px; } .admin-state-bubble input:checked + span { background: color-mix(in srgb, var(--accent) 14%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 40%, var(--line)); color: color-mix(in srgb, var(--accent) 72%, var(--ink)); } .admin-state-bubble input:focus-visible + span { outline: 2px solid color-mix(in srgb, var(--accent) 38%, transparent); outline-offset: 2px; } .admin-payment-check { align-items: center; display: flex !important; flex-direction: row; gap: 7px !important; } .admin-payment-check input { min-height: 0; width: auto; } .admin-policy-check { align-items: flex-start; background: color-mix(in srgb, var(--paper) 78%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 86%, transparent); border-radius: 7px; padding: 7px 8px; } .admin-policy-check span { color: var(--ink); display: grid; font-size: 11px; font-weight: 650; gap: 2px; line-height: 1.2; } .admin-policy-check small { color: var(--muted); font-size: 10px; font-weight: 600; } .admin-trial-policy-panel { background: color-mix(in srgb, var(--brand-gold) 7%, var(--paper)); border: 1px solid color-mix(in srgb, var(--brand-gold) 30%, var(--line)); border-left: 3px solid color-mix(in srgb, var(--brand-gold) 78%, var(--line)); border-radius: 8px; display: grid; gap: 8px; grid-column: 1 / -1; padding: 9px; } .admin-trial-policy-head { align-items: center; display: flex; gap: 8px; justify-content: space-between; } .admin-trial-policy-head strong { color: var(--ink); font-size: 13px; font-weight: 760; } .admin-trial-policy-head small,.admin-trial-policy-alert { color: var(--muted); font-size: 10px; font-weight: 650; } .admin-trial-policy-alert { color: var(--red) !important; } .admin-trial-policy-grid { display: grid; gap: 7px; grid-template-columns: repeat(2,minmax(0,1fr)); } .admin-trial-policy-grid > label:last-child { align-self: stretch; } .admin-nmls-lookup-link { align-self: end; justify-self: start; min-height: 32px; } .admin-nmls-result-paste { grid-column: 1 / -1; } .admin-nmls-result-paste textarea { min-height: 76px; } .admin-nmls-parse-row { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; grid-column: 1 / -1; } .admin-nmls-upload-input { flex: 1 1 180px; min-height: 32px !important; padding: 5px 7px !important; } .admin-nmls-parse-row span { color: var(--muted); font-size: 11px; font-weight: 600; line-height: 1.35; } .admin-account-notice { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line)); border-radius: 7px; color: var(--ink); font-size: 12px; font-weight: 650; grid-column: 1 / -1; padding: 7px 9px; } .admin-account-form .btn { grid-column: auto; justify-self: start; min-height: 32px; } .admin-account-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 7px; grid-column: 1 / -1; justify-content: flex-start; } .admin-audit-section { grid-column: auto; } .admin-audit-section-head { align-items: center; display: flex; gap: 10px; justify-content: space-between; } .admin-audit-section-head span { color: var(--muted); font-size: 11px; font-weight: 800; } .admin-audit-summary { display: grid; gap: 9px; } .admin-audit-counts { color: var(--muted); display: flex; flex-wrap: wrap; font-size: 11px; font-weight: 400; gap: 4px 10px; line-height: 1.35; margin: 0; } .admin-audit-counts span { white-space: nowrap; } .admin-audit-counts span.is-alert { color: var(--red); font-weight: 850; } .admin-audit-counts span.is-alert b { color: var(--red); } .admin-audit-counts b { color: var(--ink); font-size: 11px; font-weight: 850; } .admin-audit-groups { display: grid; gap: 9px; grid-template-columns: 1fr; } .admin-audit-group { border-top: 1px solid color-mix(in srgb, var(--line) 78%, transparent); display: grid; gap: 3px; min-width: 0; padding-top: 7px; } .admin-audit-group h4 { color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: 0; margin: 0; text-transform: uppercase; } .admin-compact-list,.admin-compact-count-list { display: grid; gap: 0; } .admin-compact-list div,.admin-compact-count-list div { background: transparent; border: 0; border-bottom: 1px solid color-mix(in srgb, var(--line) 56%, transparent); border-radius: 0; display: grid; gap: 1px; min-width: 0; padding: 5px 0; } .admin-compact-list div:last-child,.admin-compact-count-list div:last-child { border-bottom: 0; } .admin-compact-list strong,.admin-compact-count-list span { color: var(--ink); font-size: 12px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin-compact-list span { color: var(--muted); font-size: 11px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin-compact-count-list div { align-items: center; display: flex; gap: 8px; justify-content: space-between; } .admin-compact-count-list b { color: var(--ink); flex: 0 0 auto; font-size: 12px; font-weight: 700; } .admin-bar-list { display: grid; gap: 9px; } .admin-bar-row { display: grid; gap: 5px 10px; grid-template-columns: minmax(0,1fr) auto; position: relative; } .admin-bar-row span,.admin-bar-row b { color: var(--ink); font-size: 12px; font-weight: 850; min-width: 0; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; z-index: 1; } .admin-bar-row b { color: var(--muted); } .admin-bar-row i { background: color-mix(in srgb, var(--accent) 18%, transparent); border-radius: 999px; display: block; grid-column: 1 / -1; height: 7px; overflow: hidden; } .admin-bar-row i::before { background: var(--accent); border-radius: inherit; content: ""; display: block; height: 100%; width: var(--bar-width); } .admin-activity-list { display: grid; gap: 8px; } .admin-activity-list article { background: color-mix(in srgb, var(--soft) 70%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 82%, transparent); border-radius: 8px; display: grid; gap: 3px; min-width: 0; padding: 10px 11px; } .admin-activity-list strong { font-size: 13px; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .admin-activity-list span,.admin-activity-list small { color: var(--muted); font-size: 11px; font-weight: 760; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .preset-card { background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); cursor:pointer; padding:14px; text-align:left; } .preset-card.selected-setting { border-color:var(--theme-control-active-border); box-shadow:inset 0 0 0 1px var(--theme-control-active-border); } .control-anchor-chip.is-primary { background: var(--accent); border-color: color-mix(in srgb, var(--accent) 82%, var(--primary)); color: #fff; } .control-anchor-chip.is-primary:hover,.control-anchor-chip.is-primary:focus { background: color-mix(in srgb, var(--accent) 86%, var(--primary)); border-color: color-mix(in srgb, var(--accent) 74%, var(--primary)); color: #fff; } .calculator-anchor-nav .control-anchor-chip { font-weight: 650; } .calculator-anchor-nav .control-anchor-chip.is-debt-calculator { background: #071523; border-color: color-mix(in srgb, var(--accent) 48%, #071523); color: #fff; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 8%, transparent); } .calculator-anchor-nav .control-anchor-chip.is-debt-calculator:hover,.calculator-anchor-nav .control-anchor-chip.is-debt-calculator:focus { background: color-mix(in srgb, #071523 84%, var(--accent)); border-color: color-mix(in srgb, var(--accent) 70%, #071523); color: #fff; } .calculator-shell { align-content: start; display: grid; gap: 10px; min-height: 0; } .calculator-shell form { display: grid; gap: 10px; min-width: 0; } .calculator-hero { align-items: start; display: grid; gap: 12px; grid-template-columns: minmax(0,1fr) auto; } .calculator-hero h2 { font-size: clamp(24px,2.6vw,36px); font-weight: 700; line-height: 1.06; margin: 0; } .calculator-hero .section-intro { display: flex; flex-wrap: wrap; gap: 7px; margin: 9px 0 0; } .calculator-hero .section-intro span { background: color-mix(in srgb, var(--soft) 78%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 999px; color: var(--muted); font-size: 12px; font-weight: 560; padding: 5px 9px; } .calculator-hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; } .calculator-tool-strip { display: flex; gap: 8px; min-width: 0; overflow-x: auto; padding-bottom: 2px; scrollbar-width: thin; } .calculator-tool-tab { background: color-mix(in srgb, var(--soft) 78%, var(--paper)); border: 1px solid var(--line); border-radius: 8px; color: var(--ink); cursor: pointer; flex: 0 0 auto; font-family: inherit; font-size: 13px; font-weight: 600; min-height: 38px; padding: 8px 14px; } .calculator-tool-tab:hover,.calculator-tool-tab:focus { background: color-mix(in srgb, var(--accent) 10%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); color: var(--accent); outline: 0; } .calculator-grid { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); min-width: 0; } .calculator-grid [data-calculator-section="amortization"] { order: 1; } .calculator-grid [data-calculator-section="blended"] { order: 2; } .calculator-grid [data-calculator-section="debtImport"] { order: 3; } .calculator-grid [data-calculator-section="payment"] { order: 4; } .calculator-grid [data-calculator-section="cashout"] { order: 5; } .calculator-grid [data-calculator-section="payoff"] { order: 6; } .calculator-grid [data-calculator-section="inputs"] { order: 7; } .calculator-card { align-content: start; background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 10px; min-width: 0; padding: 10px 12px; } .calculator-card.wide { grid-column: 1 / -1; } .calculator-card-head { align-items: center; display: flex; gap: 10px; justify-content: space-between; min-width: 0; } .calculator-card-head > small { color: var(--muted); flex: 1 1 auto; font-size: 12px; font-weight: 500; line-height: 1.2; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .calculator-collapsible-summary { cursor: pointer; list-style: none; } .calculator-collapsible-summary::-webkit-details-marker { display: none; } .calculator-card:not([open]) { gap: 0; } .calculator-card:not([open]) > .calculator-card-body { display: none; } .calculator-card-body { display: grid; gap: 10px; min-width: 0; } .calculator-card-head .control-framed-label { align-items: center; background: color-mix(in srgb, var(--paper) 80%, var(--accent) 5%); border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line)); border-radius: 7px; box-sizing: border-box; color: #071523; display: inline-flex; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 1.15; max-width: 100%; min-height: 32px; min-width: 0; overflow-wrap: anywhere; padding: 7px 12px 7px 18px; position: relative; text-transform: none; width: fit-content; } .calculator-card-head .control-framed-label::before { background: var(--accent); border-radius: 999px; content: ""; height: 18px; left: 8px; opacity: .55; position: absolute; top: 50%; transform: translateY(-50%); width: 2px; } .calculator-card-head:hover .control-framed-label,.calculator-card-head:focus .control-framed-label { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); outline: 0; } .calculator-card-head .control-framed-label.is-debt-calculator { background: #071523; border-color: color-mix(in srgb, var(--accent) 48%, #071523); color: #fff; font-weight: 700; } .calculator-card-head .control-framed-label.is-debt-calculator::before { background: var(--brand-gold); opacity: 1; } .calculator-card-head:hover .control-framed-label.is-debt-calculator,.calculator-card-head:focus .control-framed-label.is-debt-calculator { background: color-mix(in srgb, #071523 84%, var(--accent)); border-color: color-mix(in srgb, var(--accent) 70%, #071523); color: #fff; } .calculator-card .eyebrow { font-weight: 700; } .calculator-card h3 { font-size: 18px; font-weight: 680; line-height: 1.12; margin: 2px 0 0; } .calculator-field-grid { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); min-width: 0; } .calculator-field { align-content: start; background: #fff; border: 1px solid color-mix(in srgb, var(--line) 88%, var(--soft)); border-radius: 8px; display: grid; gap: 5px; min-width: 0; padding: 9px 10px; } .calculator-field span { color: var(--muted); font-size: 11px; font-weight: 560; line-height: 1.05; } .calculator-field input { background: transparent; border: 0; color: var(--ink); font-family: inherit; font-size: 16px; font-weight: 520; line-height: 1.18; min-width: 0; outline: 0; padding: 0; width: 100%; } .calculator-field:focus-within { border-color: color-mix(in srgb, var(--accent) 58%, var(--line)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 11%, transparent); } .calculator-quick-field-grid { grid-template-columns: repeat(2,minmax(118px,1fr)); } .calculator-metric-grid { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); min-width: 0; } .calculator-metric { background: #fff; border: 1px solid color-mix(in srgb, var(--line) 88%, var(--soft)); border-radius: 8px; display: grid; gap: 4px; min-width: 0; padding: 11px; } .calculator-metric span { color: var(--muted); font-size: 11px; font-weight: 560; line-height: 1.05; } .calculator-metric strong { color: var(--ink); font-size: 20px; font-weight: 620; line-height: 1.08; min-width: 0; overflow-wrap: anywhere; } .calculator-metric small { color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.18; } .calculator-metric.pass { background: color-mix(in srgb, #e4f8ed 72%, var(--paper)); border-color: #95d6b0; } .calculator-metric.pass strong { color: #04763a; } .calculator-metric.fail { background: color-mix(in srgb, #fff0f0 72%, var(--paper)); border-color: #f0a7a7; } .calculator-metric.fail strong { color: #b91c1c; } .calculator-payoff-row { display: grid; gap: 12px; grid-template-columns: minmax(260px,.42fr) minmax(0,1fr); min-width: 0; } body[data-app-view="calculators"] [data-calculator-section="payoff"][open] .calculator-payoff-row { gap: 10px; grid-template-columns: minmax(0,1fr); } body[data-app-view="calculators"] [data-calculator-section="payoff"][open] .calculator-payoff-row > .calculator-quick-field-grid, body[data-app-view="calculators"] [data-calculator-section="payoff"][open] .calculator-payoff-row > .calculator-metric-grid { grid-template-columns: repeat(2,minmax(132px,1fr)); } .calculator-compare-grid { display: grid; gap: 12px; grid-template-columns: repeat(2,minmax(0,1fr)); min-width: 0; } .calculator-compare-column { background: color-mix(in srgb, var(--soft) 42%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 84%, transparent); border-radius: 8px; display: grid; gap: 9px; min-width: 0; padding: 12px; } .calculator-compare-column h4 { color: var(--ink); font-size: 15px; font-weight: 650; line-height: 1.1; margin: 0 0 2px; } .calculator-amort-summary { border-top: 1px solid color-mix(in srgb, var(--line) 84%, transparent); padding-top: 12px; } .calculator-amort-table-wrap { border: 1px solid color-mix(in srgb, var(--line) 86%, transparent); border-radius: 8px; overflow: auto; } .calculator-amort-table { border-collapse: collapse; min-width: 680px; width: 100%; } .calculator-amort-table th,.calculator-amort-table td { border-bottom: 1px solid color-mix(in srgb, var(--line) 86%, transparent); font-size: 12px; font-weight: 500; padding: 9px 10px; text-align: right; white-space: nowrap; } .calculator-amort-table th { background: color-mix(in srgb, var(--soft) 72%, var(--paper)); color: var(--muted); font-size: 11px; font-weight: 650; letter-spacing: 0; text-transform: none; } .calculator-amort-table th:first-child,.calculator-amort-table td:first-child { text-align: left; } .calculator-amort-table tr:last-child td { border-bottom: 0; } .credit-report-import-card .calculator-card-body { gap: 12px; } .credit-report-import-grid { display: grid; gap: 10px; grid-template-columns: minmax(230px,.42fr) minmax(0,1fr); min-width: 0; } .credit-report-drop-zone,.credit-report-paste-box { background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-left: 3px solid color-mix(in srgb, var(--accent) 72%, var(--line)); border-radius: 8px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 62%, transparent); display: grid; gap: 8px; min-width: 0; padding: 12px; } .credit-report-drop-zone { align-content: center; justify-items: start; min-height: 138px; } .credit-report-drop-zone.is-dragging { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent), 0 0 0 3px color-mix(in srgb, var(--accent) 11%, transparent); } .credit-report-drop-zone.is-busy { opacity: .72; } .credit-report-drop-zone.is-locked,.credit-report-paste-box.is-locked { background: color-mix(in srgb, var(--soft) 82%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 36%, var(--line)); border-left-color: color-mix(in srgb, var(--brand-gold) 78%, var(--line)); opacity: .96; } .credit-report-drop-zone.is-locked button,.credit-report-paste-box.is-locked button { cursor: not-allowed; } .credit-report-drop-zone strong { color: var(--ink); font-size: 15px; font-weight: 680; line-height: 1.15; } .credit-report-drop-zone span,.credit-report-actions span,.credit-report-empty { color: var(--muted); font-size: 12px; font-weight: 500; line-height: 1.35; } .credit-report-mobile-import-lock { background: color-mix(in srgb, var(--soft) 74%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-left: 3px solid color-mix(in srgb, var(--brand-gold) 72%, var(--line)); border-radius: 8px; color: var(--muted); display: none; font-size: 12px; font-weight: 560; line-height: 1.35; padding: 10px 12px; } .credit-report-mobile-import-lock.is-trial-lock { display: block; background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 44%, var(--line)); color: color-mix(in srgb, var(--ink) 80%, var(--brand-gold)); font-weight: 760; } .credit-report-snapshot-strip { align-items: center; background: color-mix(in srgb, var(--paper) 90%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-left: 3px solid color-mix(in srgb, var(--accent) 72%, var(--line)); border-radius: 8px; display: flex; gap: 10px; justify-content: space-between; min-width: 0; padding: 10px 12px; } .credit-report-snapshot-strip.is-funded { background: color-mix(in srgb, #e4f8ed 56%, var(--paper)); border-left-color: var(--green); } .credit-report-snapshot-strip.is-demo { background: color-mix(in srgb, #e4f8ed 50%, var(--paper)); border-color: color-mix(in srgb, var(--green) 42%, var(--line)); border-left-color: var(--green); } .credit-report-snapshot-strip div { display: grid; gap: 2px; min-width: 0; } .credit-report-snapshot-strip span { color: var(--muted); font-size: 11px; font-weight: 650; line-height: 1.05; } .credit-report-snapshot-strip strong { color: var(--ink); font-size: 14px; font-weight: 720; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .credit-report-snapshot-strip small { color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.22; } .credit-report-snapshot-strip em { background: color-mix(in srgb, var(--green) 14%, var(--paper)); border: 1px solid color-mix(in srgb, var(--green) 42%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--green) 72%, var(--ink)); flex: 0 0 auto; font-size: 11px; font-style: normal; font-weight: 900; line-height: 1; padding: 7px 10px; text-transform: uppercase; white-space: nowrap; } .credit-report-snapshot-strip .btn.mini { flex: 0 0 auto; min-height: 30px; padding: 6px 10px; } .credit-report-paste-box textarea { min-height: 104px; resize: vertical; } .credit-report-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; min-width: 0; } .credit-report-actions span { flex: 1 1 220px; min-width: 0; } .credit-report-identity-card { background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-left: 3px solid color-mix(in srgb, var(--accent) 72%, var(--line)); border-radius: 8px; display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 10px 12px; } .credit-report-identity-card.pass { border-left-color: var(--green); } .credit-report-identity-card.warn { border-left-color: var(--brand-gold); } .credit-report-identity-card.fail { border-left-color: var(--red); } .credit-report-identity-card div { display: grid; gap: 2px; min-width: 0; } .credit-report-identity-card span { color: var(--muted); font-size: 11px; font-weight: 560; line-height: 1.05; } .credit-report-identity-card strong { color: var(--ink); font-size: 14px; font-weight: 680; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .credit-report-identity-card.pass > div:first-child strong { color: var(--green); } .credit-report-identity-card.fail > div:first-child strong { color: var(--red); } .credit-report-identity-card small { color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.22; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .credit-report-empty { background: color-mix(in srgb, var(--soft) 70%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-left: 3px solid color-mix(in srgb, var(--accent) 58%, var(--line)); border-radius: 8px; display: grid; gap: 8px; justify-items: start; padding: 12px; } .credit-report-review { display: grid; gap: 10px; min-width: 0; } .credit-report-total-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .credit-report-table-wrap { background: var(--paper); border: 1px solid color-mix(in srgb, var(--line) 86%, transparent); border-radius: 8px; max-height: 360px; overflow: auto; } .credit-report-table { border-collapse: collapse; min-width: 920px; width: 100%; } .credit-report-table th,.credit-report-table td { border-bottom: 1px solid color-mix(in srgb, var(--line) 86%, transparent); font-size: 12px; font-weight: 500; padding: 8px 9px; text-align: left; vertical-align: top; } .credit-report-table th { background: color-mix(in srgb, var(--soft) 72%, var(--paper)); color: var(--muted); font-size: 11px; font-weight: 650; position: sticky; top: 0; z-index: 1; } .credit-report-table :is(th,td):nth-child(4),.credit-report-table :is(th,td):nth-child(5),.credit-report-table :is(th,td):nth-child(6),.credit-report-table :is(th,td):nth-child(7) { text-align: right; white-space: nowrap; } .credit-report-table :is(th,td):first-child { text-align: center; width: 44px; } .credit-report-table tr.is-included td:first-child { box-shadow: inset 3px 0 0 var(--green); } .credit-report-table tr.is-paid-off td { background: color-mix(in srgb, #e4f8ed 42%, var(--paper)); color: color-mix(in srgb, var(--green) 64%, var(--ink)); } .credit-report-table tr.is-paid-off td:first-child { box-shadow: inset 3px 0 0 var(--green); } .credit-report-table tr.is-projected td:first-child { box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 70%, var(--line)); } .credit-report-review.is-demo .credit-report-table input[disabled] { cursor: default; opacity: .76; } .credit-report-table strong { display: block; font-size: 12px; line-height: 1.15; max-width: 176px; overflow-wrap: anywhere; } .credit-report-table small { color: var(--muted); display: block; font-size: 10px; margin-top: 2px; } .credit-report-flags { display: flex; flex-wrap: wrap; gap: 4px; min-width: 120px; } .credit-report-flag { background: color-mix(in srgb, var(--soft) 74%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 86%, var(--brand-gold)); border-radius: 999px; color: var(--ink); font-size: 10px; font-weight: 650; line-height: 1; padding: 4px 6px; white-space: nowrap; } .credit-report-flag.is-clean { background: color-mix(in srgb, #e4f8ed 72%, var(--paper)); border-color: #95d6b0; color: #04763a; } .credit-report-flag.is-alert { background: color-mix(in srgb, #fff0f0 78%, var(--paper)); border-color: color-mix(in srgb, var(--red) 52%, var(--line)); color: var(--red); font-weight: 900; } .credit-report-history-section { background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, transparent); border-radius: 8px; display: grid; gap: 8px; padding: 10px 12px; } .credit-report-history-head { align-items: center; display: flex; gap: 10px; justify-content: space-between; min-width: 0; } .credit-report-history-head div { display: grid; gap: 2px; min-width: 0; } .credit-report-history-head span { color: var(--muted); font-size: 11px; font-weight: 560; line-height: 1.05; } .credit-report-history-head strong { color: var(--ink); font-size: 14px; font-weight: 680; line-height: 1.15; } .credit-report-history-head small { color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.2; text-align: right; } .credit-report-history-list { display: grid; gap: 6px; max-height: 220px; overflow: auto; padding-right: 2px; } .credit-report-history-item { align-items: center; background: var(--paper); border: 1px solid color-mix(in srgb, var(--line) 86%, transparent); border-left: 3px solid color-mix(in srgb, var(--accent) 50%, var(--line)); border-radius: 8px; display: grid; gap: 8px; grid-template-columns: minmax(150px,1fr) max-content minmax(160px,.7fr); min-width: 0; padding: 8px 10px; } .credit-report-history-item.has-alert { border-left-color: var(--red); } .credit-report-history-item > div:first-child { display: grid; gap: 2px; min-width: 0; } .credit-report-history-item strong { color: var(--ink); font-size: 12px; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .credit-report-history-item small,.credit-report-history-item > span { color: var(--muted); font-size: 10px; font-weight: 560; line-height: 1.15; } .credit-report-history-item > span { background: color-mix(in srgb, var(--soft) 70%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 86%, transparent); border-radius: 999px; padding: 4px 7px; white-space: nowrap; } @media (max-width: 1320px) { .calculator-grid { grid-template-columns: 1fr; } .calculator-hero { grid-template-columns: 1fr; } .calculator-hero-actions { justify-content: flex-start; } } @media (max-width: 720px) { .calculator-field-grid,.calculator-metric-grid,.calculator-payoff-row,.calculator-compare-grid,.credit-report-import-grid,.credit-report-total-grid,.credit-report-identity-card { grid-template-columns: 1fr; } body[data-app-view="calculators"] [data-calculator-section="payoff"][open] .calculator-payoff-row > .calculator-quick-field-grid, body[data-app-view="calculators"] [data-calculator-section="payoff"][open] .calculator-payoff-row > .calculator-metric-grid { grid-template-columns: 1fr; } .calculator-card { padding: 10px; } .calculator-card-head > small { flex-basis: 96px; } .calculator-metric strong { font-size: 18px; } .credit-report-snapshot-strip { align-items: start; display: grid; } .credit-report-actions { justify-content: stretch; } .credit-report-actions .btn { flex: 1 1 auto; } .credit-report-history-head { align-items: start; display: grid; } .credit-report-history-head small { text-align: left; } .credit-report-history-item { align-items: start; grid-template-columns: 1fr; } } @media (max-width: 820px) and (pointer: coarse) { .credit-report-import-grid { display: none; } .credit-report-mobile-import-lock { display: block; } } .swatches { display:flex; gap:6px; }.swatch{border-radius:999px;height:20px;width:20px} .color-field { align-items:center; border:1px solid var(--line); display:grid; grid-template-columns:1fr 52px; } .theme-preview { background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 88%,#000),color-mix(in srgb,var(--accent) 72%,#000)); border-radius:var(--radius); color:#fff; min-height:230px; padding:18px; } .theme-preview .preview-option { background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.22); border-radius:8px; margin-top:12px; padding:12px; } .quote-page { background:#f2f5f8; container-type: inline-size; min-height:100vh; padding:28px; } .quote-shell { background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); margin:0 auto; max-width:1040px; overflow:hidden; } .quote-hero { background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 95%,#000),color-mix(in srgb,var(--accent) 88%,#000)); color:#fff; padding:34px; } .quote-logo-mask { height:98px; margin-bottom:18px; width:142px; } .quote-content { padding:28px; } .fine-print { color:var(--muted); font-size:12px; line-height:1.5; margin-top:24px; } .borrower-quote-content > .fine-print { background: color-mix(in srgb, var(--soft) 48%, #fff); border: 1px solid color-mix(in srgb, var(--line) 84%, transparent); border-radius: 8px; padding: 12px 14px; } .borrower-quote-page { background: #e9eef3; padding: 18px; } .quote-preview-toolbar { align-items: start; background: color-mix(in srgb, #fff 94%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 86%, var(--accent)); border-radius: 8px; box-shadow: 0 12px 28px rgba(9,23,42,.12); box-sizing: border-box; display: grid; gap: 7px 10px; grid-template-areas: "title" "controls"; grid-template-columns: minmax(0,1fr); margin: 0 auto 12px; max-width: min(1480px,100%); padding: 9px 14px 10px; position: relative; z-index: 20; } .quote-preview-toolbar[hidden] { display: none; } .quote-preview-toolbar [hidden] { display: none !important; } .quote-preview-toolbar * { box-sizing: border-box; } .quote-preview-toolbar-title { align-content: center; display: grid; gap: 0; grid-area: title; min-height: 28px; min-width: 0; padding-right: 92px; } .quote-preview-toolbar-title > strong { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 58%, var(--primary)) !important; font-size: 16px; font-weight: 850; line-height: 1.05; letter-spacing: .015em; } .quote-preview-toolbar strong { color: var(--ink); font-size: 13px; line-height: 1; } .quote-preview-toolbar span { color: var(--muted); font-size: 11px; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .quote-preview-toolbar button { background: #fff; border: 1px solid transparent; border-radius: 999px; color: var(--ink); cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 800; min-height: 32px; padding: 6px 12px; white-space: nowrap; } .quote-preview-toolbar button:hover,.quote-preview-toolbar button:focus { background: color-mix(in srgb, var(--accent) 7%, #fff); border-color: color-mix(in srgb, var(--accent) 28%, var(--line)); color: color-mix(in srgb, var(--primary) 82%, var(--accent)); outline: 0; } .quote-preview-toolbar button.primary { background: var(--accent); border-color: color-mix(in srgb, var(--accent) 82%, var(--primary)); color: #fff; } .quote-preview-toolbar button.primary:hover,.quote-preview-toolbar button.primary:focus { background: color-mix(in srgb, var(--accent) 82%, var(--primary)); color: #fff; } .quote-preview-top-actions { align-items: center; display: inline-flex; gap: 8px; position: absolute; right: 14px; top: 10px; z-index: 45; } .quote-preview-top-actions .external-window-close-button { position: static; right: auto; top: auto; z-index: auto; } .quote-preview-top-actions [data-quote-logo-toggle] { min-width: 72px; } .quote-preview-top-actions [data-quote-logo-toggle].is-active { background: color-mix(in srgb, var(--accent) 13%, #fff); border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--accent) 72%, #fff); color: color-mix(in srgb, var(--primary) 75%, var(--accent)); } .quote-preview-top-actions [data-quote-preview-refresh] { min-width: 82px; } .quote-preview-style-switch { align-items: center; background: color-mix(in srgb, #fff 86%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 999px; display: grid; gap: 3px; grid-template-columns: repeat(2,minmax(0,1fr)); left: 50%; min-width: 206px; padding: 3px; position: absolute; top: 9px; transform: translateX(-50%); z-index: 44; } .quote-preview-style-switch:has([data-quote-logo-toggle]:not([hidden])) { grid-template-columns: repeat(3,minmax(0,1fr)); min-width: 286px; } .quote-preview-style-switch button { min-height: 28px; min-width: 0; padding: 5px 12px; width: 100%; } .quote-preview-style-switch button.is-active { background: color-mix(in srgb, var(--accent) 13%, #fff); border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); color: color-mix(in srgb, var(--primary) 75%, var(--accent)); box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--accent) 72%, #fff); } .quote-preview-style-switch button:disabled { color: color-mix(in srgb, var(--muted) 58%, #fff); cursor: not-allowed; opacity: .72; } .quote-preview-control-groups { align-items: stretch; display: grid; gap: 8px; grid-area: controls; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 4px; min-width: 0; } .quote-preview-control-groups::after { content: ""; grid-column: 1 / -1; min-height: 14px; } .quote-preview-control-groups > [data-quote-buydown-field] { grid-column: 1 / -1; } .quote-preview-control-field, .quote-preview-version-control, .quote-preview-action-control { align-content: start; background: color-mix(in srgb, #fff 96%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 84%, transparent); border-radius: 8px; display: grid; gap: 6px; min-width: 0; padding: 7px; } .quote-preview-control-label { color: var(--section-label) !important; display: block; font-size: 10px !important; font-weight: 900; letter-spacing: .05em; line-height: 1; text-transform: uppercase; } .quote-preview-segment { align-items: center; background: transparent; border: 0; border-radius: 0; display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; padding: 0; } .quote-preview-segment button { border-color: transparent; flex: 0 0 auto; min-height: 32px; min-width: 88px; padding: 6px 12px; } .quote-preview-version-segment { display: grid; gap: 6px; grid-template-columns: repeat(2,minmax(0,1fr)); } .quote-preview-actions { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(176px,1fr) minmax(128px,176px); justify-content: stretch; min-width: 0; } .quote-preview-version-segment button, .quote-preview-actions button { min-width: 0; width: 100%; } .quote-preview-actions > .quote-preview-scope-segment { display: grid; gap: 6px; grid-template-columns: repeat(2,minmax(0,1fr)); } .quote-preview-actions > .quote-preview-scope-segment button { min-width: 0; width: 100%; } .quote-preview-delivery-segment { display: grid; gap: 6px; grid-template-columns: repeat(4,minmax(0,1fr)); } .quote-preview-delivery-segment button { min-width: 0; width: 100%; } .quote-preview-scope-segment button { padding-left: 6px; padding-right: 6px; } .quote-preview-buydown-segment button { padding-left: 6px; padding-right: 6px; } .quote-preview-toggle-segment button.is-active::before { background: currentColor; border-radius: 999px; content: ""; display: inline-block; height: 6px; margin-right: 6px; vertical-align: 1px; width: 6px; } .quote-preview-segment button:not(.is-active):not(.primary), .quote-preview-segment button:not(.is-active):not(.primary):is(:hover,:focus,:focus-visible,:active) { background: #fff !important; border-color: transparent !important; box-shadow: none !important; color: var(--ink) !important; transition: none !important; } .quote-preview-segment button.is-active { background: color-mix(in srgb, var(--accent) 13%, #fff); border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); color: color-mix(in srgb, var(--primary) 75%, var(--accent)); box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--accent) 72%, #fff); } .quote-preview-segment button:disabled { background: color-mix(in srgb, var(--soft) 38%, #fff); border-color: transparent; box-shadow: none; color: color-mix(in srgb, var(--muted) 56%, #fff); cursor: not-allowed; opacity: .72; } .quote-preview-segment [data-quote-logo-toggle][hidden] { display: none; } .quote-preview-version-control input { background: #fff; border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 999px; box-sizing: border-box; color: var(--ink); font-family: inherit; font-size: 12px; font-weight: 700; min-height: 32px; padding: 6px 12px; width: 100%; } .quote-preview-version-control input:focus { border-color: color-mix(in srgb, var(--accent) 56%, var(--line)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent); outline: 0; } .quote-preview-version-control input.is-placeholder { display: none; } @media (max-width: 1320px) { .quote-preview-toolbar { grid-template-areas: "title" "controls"; grid-template-columns: minmax(0,1fr); max-width: min(1180px,100%); } } @container (max-width: 1500px) { .quote-preview-toolbar { grid-template-areas: "title" "controls"; grid-template-columns: minmax(0,1fr); max-width: min(1180px,100%); } } @media (max-width: 980px) { .quote-preview-toolbar { grid-template-areas: "title" "controls"; grid-template-columns: 1fr; } .quote-preview-control-groups { grid-template-columns: repeat(2,minmax(0,1fr)); } .quote-preview-actions button { min-width: 104px; } } @container (max-width: 1000px) { .quote-preview-toolbar { grid-template-areas: "title" "controls"; grid-template-columns: 1fr; } .quote-preview-control-groups { grid-template-columns: repeat(2,minmax(0,1fr)); } .quote-preview-actions button { min-width: 104px; } } @media (max-width: 620px) { .quote-preview-toolbar { grid-template-areas: "title" "controls"; grid-template-columns: 1fr; } .quote-preview-control-groups { grid-template-columns: 1fr; } .quote-preview-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); } .quote-preview-actions button { min-width: 0; } .quote-preview-delivery-segment { grid-auto-flow: row; grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 760px) { .quote-preview-toolbar-title { min-height: 66px; } .quote-preview-style-switch { left: 14px; top: 42px; transform: none; } } @container (max-width: 640px) { .quote-preview-toolbar { grid-template-areas: "title" "controls"; grid-template-columns: 1fr; } .quote-preview-control-groups { grid-template-columns: 1fr; } .quote-preview-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); } .quote-preview-actions button { min-width: 0; } .quote-preview-delivery-segment { grid-auto-flow: row; grid-template-columns: repeat(2,minmax(0,1fr)); } } .borrower-secure-expiration-banner { align-items: center; background: #fff7ed; border-bottom: 1px solid #fed7aa; box-shadow: 0 12px 26px rgba(124,45,18,.12); box-sizing: border-box; color: #7c2d12; display: none; gap: 14px; grid-template-columns: minmax(0,1fr) auto; left: 0; padding: 13px clamp(18px,4vw,42px); position: sticky; right: 0; top: 0; z-index: 80; } .borrower-secure-expiration-banner.is-visible { display: grid; } .borrower-secure-expiration-banner strong { color: #7c2d12; display: block; font-size: 14px; line-height: 1.2; } .borrower-secure-expiration-banner span { color: #9a3412; display: block; font-size: 12px; font-weight: 720; line-height: 1.35; margin-top: 2px; } .borrower-secure-expiration-banner nav { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; } .borrower-secure-expiration-banner a { background: #fff; border: 1px solid #fdba74; border-radius: 7px; color: #9a3412; font-size: 12px; font-weight: 850; min-height: 30px; padding: 7px 10px; text-decoration: none; } .borrower-secure-expiration-banner a:hover,.borrower-secure-expiration-banner a:focus-visible { border-color: #f97316; box-shadow: 0 0 0 3px rgba(249,115,22,.16); outline: 0; } .borrower-quote-shell { border: 0; border-radius: 18px; box-shadow: 0 22px 60px rgba(9,23,42,.16); max-width: 1180px; } .borrower-quote-hero { background: #0c1628; display: grid; gap: 16px; overflow: hidden; padding: 34px; position: relative; } .borrower-quote-hero h1 { color: #fff; font-size: 34px; line-height: 1.08; margin: 0; } .borrower-quote-hero p { color: #d5dee8; font-size: 15px; line-height: 1.45; margin: 0; max-width: 720px; } .borrower-quote-preview-meta { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; } .borrower-quote-preview-meta .eyebrow { margin: 0; } .borrower-quote-preview-meta span { background: rgba(216,244,255,.12); border: 1px solid rgba(216,244,255,.34); border-radius: 999px; color: #dff7fb; font-size: 11px; font-weight: 850; letter-spacing: .02em; line-height: 1; padding: 6px 9px; text-transform: uppercase; } .borrower-quote-brand-row { align-items: start; display: grid; gap: 30px; grid-template-columns: minmax(0,1fr) minmax(220px,340px); justify-content: stretch; position: relative; z-index: 1; } .borrower-quote-brand-row.has-presenter { grid-template-columns: minmax(300px,1fr) minmax(220px,340px) minmax(300px,390px); } .borrower-quote-brand-side { align-content: start; display: grid; gap: 16px; justify-items: end; justify-self: end; min-width: 0; width: min(340px,100%); } .borrower-quote-brand-side .borrower-quote-preview-meta { justify-content: flex-end; width: 100%; } .borrower-quote-brand-mark { align-items: start; display: grid; justify-items: end; justify-self: end; min-width: 0; padding-top: 6px; width: min(340px,100%); } .borrower-quote-brand-mark.has-company-logo { align-items: center; background: rgba(255,255,255,.94); border: 1px solid rgba(216,226,238,.45); border-radius: 8px; box-shadow: 0 12px 30px rgba(0,0,0,.16); justify-items: center; min-height: 82px; padding: 10px 16px; } .borrower-quote-brand-mark .quote-logo-mask { height: 86px; margin-bottom: 0; width: 230px; } .borrower-quote-lo { align-items: center; display: grid; gap: 18px; grid-template-columns: 1fr; justify-self: start; min-width: 0; padding: 4px 0; } .borrower-quote-brand-row.has-presenter .borrower-quote-lo { justify-self: start; min-width: 0; } .borrower-quote-lo.has-media { grid-template-columns: 150px minmax(0,1fr); max-width: 660px; min-width: 0; } .borrower-quote-lo > img { background: transparent; border: 0; box-shadow: none; display: block; height: 150px; object-fit: contain; object-position: center bottom; width: 150px; } .borrower-quote-lo > img.is-headshot { aspect-ratio: 1; border-radius: 0; } .borrower-quote-lo > img.is-bodyshot { border-radius: 18px; height: 166px; object-position: center top; } .borrower-quote-lo-details { align-content: center; display: grid; gap: 6px; grid-template-columns: repeat(2,minmax(0,auto)); justify-content: start; min-width: 0; } .borrower-quote-company-logo { background: transparent; border-radius: 0; display: block; filter: none; height: auto; max-height: 82px; max-width: min(315px,100%); object-fit: contain; object-position: center center; padding: 0; width: auto; } .borrower-quote-lo strong { color: #fff; font-size: 24px; grid-column: 1 / -1; line-height: 1.08; text-shadow: 0 1px 12px rgba(0,0,0,.28); } .borrower-quote-lo span,.borrower-quote-lo small { color: #d6e0ea; font-size: 13px; font-weight: 760; line-height: 1.25; } .borrower-quote-lo-details > span:first-of-type { color: #fff; font-weight: 950; grid-column: 1 / -1; } .borrower-quote-lo-details > span:nth-of-type(2) { font-weight: 850; grid-column: 1 / -1; } .borrower-quote-lo-details > small { color: #eef6ff; font-weight: 820; } .borrower-quote-lo-details > small:first-of-type { grid-column: 1 / -1; } .borrower-quote-bodyshot-stage { align-items: end; align-self: stretch; display: grid; gap: 14px; grid-template-columns: minmax(112px,150px) minmax(150px,220px); justify-content: end; justify-self: end; min-height: 174px; min-width: 0; position: relative; } .borrower-quote-bodyshot-stage::before { background: radial-gradient(circle at 74% 58%, rgba(22,137,200,.22), transparent 52%); content: ""; inset: -36px -54px -34px -12px; pointer-events: none; position: absolute; z-index: -1; } .borrower-quote-signature-card { align-self: center; border-right: 1px solid rgba(216,244,255,.24); display: grid; gap: 5px; justify-items: end; min-width: 0; padding: 12px 16px 12px 0; text-align: right; } .borrower-quote-signature-card span { color: rgba(223,247,251,.78); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; } .borrower-quote-signature-card strong { color: #fff; font-family: "Segoe Script","Lucida Handwriting","Brush Script MT",cursive; font-size: 24px; font-weight: 700; letter-spacing: 0; line-height: 1.08; text-shadow: 0 10px 28px rgba(0,0,0,.32); } .borrower-quote-bodyshot { align-self: end; display: block; filter: drop-shadow(0 24px 34px rgba(0,0,0,.34)); height: 190px; justify-self: end; max-width: 220px; object-fit: contain; object-position: right bottom; width: auto; } .borrower-quote-content { background: linear-gradient(180deg,#fbfdff 0%,#f6f9fc 100%); display: grid; gap: 30px; padding: 34px 24px; } .borrower-quote-info-row { display: grid; gap: 16px; grid-template-columns: repeat(2,minmax(0,1fr)); } .borrower-quote-info-card { background: rgba(255,255,255,.82); border: 1px solid rgba(199,213,228,.78); border-radius: 16px; box-shadow: 0 14px 32px rgba(15,39,66,.06); padding: 22px; } .borrower-quote-info-card h2,.borrower-quote-section-head h2,.borrower-quote-next h2 { color: #15324a; font-size: 24px; line-height: 1.1; margin: 0; } .borrower-quote-info-grid { display: grid; gap: 16px 24px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 18px; } .borrower-quote-info-grid div { display: grid; gap: 5px; } .borrower-quote-info-grid span { color: #62718a; font-size: 11px; font-weight: 950; letter-spacing: .03em; text-transform: uppercase; } .borrower-quote-info-grid strong { color: #071523; font-size: 15px; } .borrower-quote-lien-group { display: grid; gap: 14px; } .borrower-quote-section-head { border-bottom: 1px solid rgba(199,213,228,.78); display: flex; justify-content: space-between; padding-bottom: 10px; } .borrower-quote-lien-group > .borrower-quote-section-head { border-bottom: 0; padding-bottom: 0; } .borrower-quote-section-head p,.borrower-quote-next p { color: #62718a; font-size: 13px; font-weight: 720; line-height: 1.45; margin: 6px 0 0; } .borrower-quote-options { display: grid; gap: 16px; grid-template-columns: repeat(3,minmax(0,1fr)); } .borrower-quote-options.count-1 { grid-template-columns: minmax(0,1fr); } .borrower-quote-options.count-2 { grid-template-columns: repeat(2,minmax(0,1fr)); } .borrower-quote-option { background: #fff; border: 1px solid rgba(199,213,228,.9); border-radius: 18px; box-shadow: 0 18px 38px rgba(15,39,66,.08); display: grid; grid-template-rows: auto auto 1fr; min-width: 0; overflow: visible; position: relative; } .borrower-quote-option:hover,.borrower-quote-option:focus-within { z-index: 12; } .borrower-quote-option.option-1 { box-shadow: 0 18px 38px rgba(15,39,66,.08), inset 0 5px 0 var(--option-1); } .borrower-quote-option.option-2 { box-shadow: 0 18px 38px rgba(15,39,66,.08), inset 0 5px 0 var(--option-2); } .borrower-quote-option.option-3 { box-shadow: 0 18px 38px rgba(15,39,66,.08), inset 0 5px 0 var(--option-3); } .borrower-quote-option-top { background: linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%); border-radius: 18px 18px 0 0; border-bottom: 1px solid rgba(215,225,235,.86); display: grid; gap: 8px; min-height: 164px; padding: 20px; position: relative; } .borrower-quote-option.has-lender-logo .borrower-quote-option-top { padding-right: 126px; } .borrower-quote-option-lender-logo { max-height: 34px; max-width: 92px; object-fit: contain; object-position: right center; position: absolute; right: 18px; top: 20px; } .borrower-quote-option-top span { align-self: start; background: #e4efff; color: #1267d6; display: inline-flex; font-size: 11px; font-weight: 950; justify-self: start; letter-spacing: .04em; padding: 6px 9px; text-transform: uppercase; } .borrower-quote-option-top h3 { align-items: baseline; color: #071523; display: flex; flex-wrap: wrap; font-size: 19px; gap: 4px 8px; line-height: 1.1; margin: 0; } .borrower-quote-option-top h3 b { font: inherit; } .borrower-quote-option-top h3 small { color: #536782; font-size: 12px; font-weight: 850; line-height: 1; } .borrower-quote-option-top p { color: #65758d; font-size: 12px; font-weight: 760; line-height: 1.35; margin: 0; } .borrower-quote-option-top strong { color: #15324a; font-size: 34px; line-height: 1; } .borrower-quote-option-top small { color: #65758d; font-size: 13px; } .borrower-quote-option-body { display: grid; padding: 16px 20px 18px; } .borrower-quote-option-body h4 { color: #1267d6; font-size: 12px; font-weight: 820; letter-spacing: .025em; margin: 14px 0 8px; text-transform: uppercase; } .borrower-quote-option-body h4:first-child { margin-top: 0; } .borrower-quote-option-body div,.borrower-quote-detail-rows div { align-items: center; border-bottom: 1px solid rgba(227,233,240,.82); display: flex; gap: 12px; justify-content: space-between; min-height: 30px; } .borrower-quote-option-body span,.borrower-quote-detail-rows span { color: #536782; font-size: 12.5px; font-weight: 560; line-height: 1.32; min-width: 0; } .borrower-quote-option-body strong,.borrower-quote-detail-rows strong { color: #071523; font-size: 13px; font-weight: 820; text-align: right; white-space: nowrap; } .borrower-quote-option-body > div:not(.is-highlight) > strong, .borrower-quote-option-body > .borrower-quote-fee-detail > summary > strong { font-weight: 680; } .borrower-quote-detail-rows strong .borrower-quote-value-prefix { color: #75849a; display: inline; font-size: 11px; font-weight: 720; margin-right: 4px; } .borrower-quote-fee-detail { border-bottom: 1px solid rgba(227,233,240,.82); min-height: 30px; position: relative; } .borrower-quote-fee-detail summary { align-items: center; cursor: pointer; display: flex; gap: 10px; justify-content: space-between; list-style: none; min-height: 30px; } .borrower-quote-fee-detail summary::-webkit-details-marker { display: none; } .borrower-quote-fee-detail summary span { align-items: center; color: #536782; display: inline-flex; font-size: 12.5px; font-weight: 560; gap: 7px; line-height: 1.32; } .borrower-quote-fee-detail summary span::after { border: solid #1689c8; border-width: 0 2px 2px 0; content: ""; display: inline-block; height: 6px; position: relative; top: -1px; transform: rotate(45deg); transition: transform .16s ease; width: 6px; } .borrower-quote-fee-detail summary strong { color: #071523; font-size: 13px; font-weight: 820; text-align: right; white-space: nowrap; } .borrower-quote-fee-detail[open] summary span::after { top: 1px; transform: rotate(-135deg); } .borrower-quote-fee-popover { background: rgba(255,255,255,.98); border: 1px solid rgba(194,211,229,.96); border-radius: 14px; box-shadow: 0 18px 42px rgba(15,39,66,.18); display: none; left: 0; max-width: min(326px,calc(100vw - 54px)); min-width: 0; padding: 12px; position: absolute; top: calc(100% + 8px); width: min(326px,calc(100vw - 54px)); z-index: 8; } .borrower-quote-fee-detail[open] .borrower-quote-fee-popover { display: grid; } .borrower-quote-option.option-3 .borrower-quote-fee-popover { left: auto; right: 0; } .borrower-quote-fee-popover-head { align-items: center; background: linear-gradient(90deg,#f2f8ff,#fff); border: 1px solid rgba(214,226,239,.9); border-radius: 10px; display: flex; gap: 14px; justify-content: space-between; margin-bottom: 8px; min-height: 34px; padding: 7px 9px; } .borrower-quote-fee-popover-head span { color: #1267d6; font-size: 11px; font-weight: 820; letter-spacing: .025em; text-transform: uppercase; } .borrower-quote-fee-popover-head strong { color: #071523; font-size: 12.5px; font-weight: 820; } .borrower-quote-fee-popover .borrower-quote-detail-rows { display: grid; gap: 2px; max-height: 286px; overflow-x: hidden; overflow-y: auto; padding: 0 10px 2px 0; scrollbar-gutter: stable; } .borrower-quote-fee-popover .borrower-quote-detail-rows div { border-bottom: 1px solid rgba(227,233,240,.72); display: grid; column-gap: 18px; grid-template-columns: minmax(0,1fr) auto; min-width: 0; width: 100%; } .borrower-quote-fee-detail[open] { z-index: 14; } .borrower-quote-fee-popover { box-sizing: border-box; max-width: min(372px,calc(100vw - 54px)); width: min(372px,calc(100vw - 54px)); } .borrower-quote-fee-popover-head { display: grid; grid-template-columns: minmax(0,1fr) max-content; } .borrower-quote-fee-popover-head span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .borrower-quote-fee-popover-head strong { justify-self: end; min-width: 76px; text-align: right; } .borrower-quote-fee-popover .borrower-quote-detail-rows { max-height: none; overflow: visible; padding: 0; scrollbar-gutter: auto; } .borrower-quote-fee-popover .borrower-quote-detail-rows div { align-items: center; column-gap: 18px; grid-template-columns: minmax(0,1fr) max-content; min-height: 30px; padding: 4px 0; } .borrower-quote-fee-popover .borrower-quote-detail-rows span { min-width: 0; overflow-wrap: anywhere; } .borrower-quote-fee-popover .borrower-quote-detail-rows strong { justify-self: end; min-width: 76px; text-align: right; } .borrower-quote-fee-edit { background: #fff; border: 1px solid rgba(22,137,200,.34); border-radius: 7px; color: #071523; font: inherit; font-size: 12.5px; font-weight: 850; justify-self: end; max-width: 86px; min-height: 26px; padding: 3px 7px; text-align: right; } .borrower-quote-fee-edit:focus { border-color: #1689c8; box-shadow: 0 0 0 3px rgba(22,137,200,.14); outline: 0; } .borrower-quote-fee-detail.is-bottom-total-popover .borrower-quote-fee-popover { max-width: min(318px,calc(100vw - 54px)); padding: 10px 8px; width: max-content; } .borrower-quote-fee-detail.is-bottom-total-popover .borrower-quote-detail-rows div.is-highlight { margin-top: 5px; } .borrower-quote-fee-detail.is-bottom-total-popover .borrower-quote-detail-rows strong { transform: translateX(-4px); } .borrower-quote-fee-detail.is-bottom-total-popover .borrower-quote-detail-rows div:not(.is-highlight) span { padding-left: 2px; } .borrower-quote-fee-detail.is-bottom-total-popover .borrower-quote-detail-rows div.is-highlight span, .borrower-quote-fee-detail.is-bottom-total-popover .borrower-quote-detail-rows div.is-highlight strong { color: #1267d6; font-size: 12.5px; font-weight: 950; } .borrower-quote-fee-detail.is-bottom-total-popover .borrower-quote-detail-rows div.is-highlight span { padding-left: 4px; } .borrower-quote-option-body .is-highlight,.borrower-quote-detail-rows .is-highlight { background: linear-gradient(90deg,#eaf3ff,#f7fbff); border: 1px solid #c9def6; border-radius: 10px; margin-top: 8px; padding: 7px 10px; } .borrower-quote-option-body .is-credit,.borrower-quote-option-body .is-credit strong,.borrower-quote-detail-rows .is-credit,.borrower-quote-detail-rows .is-credit strong,.borrower-quote-detail-rows .is-active strong { color: #0f7b47; } .borrower-quote-option-body .is-cost,.borrower-quote-detail-rows .is-cost strong { color: #b01818; } .borrower-quote-option-details { border-top: 1px solid rgba(215,225,235,.86); display: grid; gap: 8px; padding: 14px; } .borrower-quote-option-details:empty { display: none; } .borrower-quote-detail-section { background: #fbfcfe; border: 1px solid #dbe4ee; border-radius: 12px; overflow: hidden; } .borrower-quote-detail-section summary { align-items: center; cursor: pointer; display: flex; gap: 10px; justify-content: space-between; list-style: none; min-height: 38px; padding: 8px 10px; } .borrower-quote-detail-section summary::-webkit-details-marker { display: none; } .borrower-quote-detail-section summary span { color: #071523; font-size: 12px; font-weight: 950; letter-spacing: .03em; text-transform: uppercase; } .borrower-quote-detail-section summary strong { color: #071523; font-size: 12px; font-weight: 950; } .borrower-quote-detail-rows { display: grid; padding: 0 10px 10px; } .borrower-quote-detail-rows small { color: #75849a; display: block; font-size: 10px; font-weight: 720; margin-top: 2px; } .borrower-quote-story-panels { display: grid; gap: 16px; grid-template-columns: repeat(2,minmax(0,1fr)); } .borrower-quote-story-panels article { border: 1px solid rgba(199,213,228,.78); border-radius: 16px; box-shadow: 0 14px 32px rgba(15,39,66,.06); display: grid; gap: 8px; min-height: 150px; padding: 20px; } .borrower-quote-story-panels article:first-child { background: #e8f5ef; } .borrower-quote-story-panels article:last-child { background: #fff6dc; } .borrower-quote-story-panels h2 { color: #15324a; font-size: 20px; margin: 0; } .borrower-quote-story-panels p { color: #4d5d72; font-size: 13px; font-weight: 720; line-height: 1.5; margin: 0; } .borrower-quote-next { border-top: 1px solid #d7e1eb; display: grid; gap: 20px; padding-top: 28px; } .borrower-quote-next .borrower-quote-section-head { padding-bottom: 7px; } .borrower-quote-next:has(.borrower-quote-actions) { gap: 18px; } .borrower-quote-actions { display: grid; gap: 14px; grid-template-columns: repeat(3,minmax(0,1fr)); } .borrower-quote-actions :is(a,button) { align-items: center; background: #eaf3ff; border: 1px solid #b9d5fa; color: #0d57ad; display: inline-flex; font-family: inherit; font-weight: 950; justify-content: center; min-height: 56px; padding: 10px 14px; text-align: center; text-decoration: none; } .borrower-quote-actions :is(a,button):hover, .borrower-quote-actions :is(a,button):focus-visible { border-color: #7db5f4; box-shadow: 0 0 0 3px rgba(13,87,173,.12); outline: 0; } .borrower-quote-doc-header { align-items: start; border-top: 1px solid #d7e1eb; display: grid; gap: 13px 16px; grid-template-columns: minmax(0,1fr) minmax(360px,600px); margin-top: 8px; padding-top: 24px; } .borrower-quote-doc-title { min-width: 0; } .borrower-quote-doc-header h2 { margin: 0; } .borrower-quote-doc-header p { margin: 0; } .borrower-quote-doc-instruction { grid-column: 1 / -1; } .borrower-quote-doc-toggle { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; grid-column: 1 / -1; justify-content: flex-start; } .borrower-quote-doc-toggle button { background: #fff; border: 1px solid rgba(185,213,250,.96); border-radius: 999px; color: #33506e; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 820; min-height: 34px; padding: 7px 12px; transition: background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease; } .borrower-quote-doc-toggle button:hover,.borrower-quote-doc-toggle button:focus-visible { border-color: #79bdf0; box-shadow: 0 0 0 3px rgba(91,174,239,.18); outline: none; } .borrower-quote-doc-toggle button.is-active { background: #1267d6; border-color: #1267d6; box-shadow: 0 8px 18px rgba(18,103,214,.18); color: #fff; } .borrower-quote-doc-hint { background: #eef7ff; border: 1px solid rgba(185,213,250,.88); border-radius: 12px; box-sizing: border-box; color: #3f5f7c; font-size: 13px; font-weight: 680; justify-self: start; line-height: 1.45; padding: 10px 13px; width: min(660px,100%); } .borrower-quote-doc-grid { display: grid; gap: 16px; grid-template-columns: repeat(4,minmax(0,1fr)); } .borrower-quote-doc-grid article { background: #fff; border: 1px solid rgba(199,213,228,.78); border-radius: 14px; display: grid; gap: 7px; padding: 16px; } .borrower-quote-doc-grid span { background: #e4efff; border-radius: 6px; color: #1267d6; font-size: 11px; font-weight: 950; justify-self: start; padding: 7px 10px; } .borrower-quote-doc-grid strong { color: #071523; font-size: 13px; } .borrower-quote-doc-grid small { color: #62718a; font-size: 12px; font-weight: 720; } html[data-theme="dark"] .quote-preview-workspace { background: #151a20; border-color: #3a4653; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); } html[data-theme="dark"] .quote-preview-frame { background: #111820; } html[data-theme="dark"] .borrower-quote-page { background: #111820; } html[data-theme="dark"] .quote-preview-toolbar { background: #1d232b; border-color: #3a4653; box-shadow: 0 14px 34px rgba(0,0,0,.34); } html[data-theme="dark"] .quote-preview-toolbar strong { color: #edf5fb; } html[data-theme="dark"] .quote-preview-toolbar span { color: #aebdce; } html[data-theme="dark"] .quote-preview-toolbar button { background: #111820; border-color: #3a4653; color: #edf5fb; } html[data-theme="dark"] .quote-preview-toolbar button:hover, html[data-theme="dark"] .quote-preview-toolbar button:focus { background: color-mix(in srgb, var(--accent) 16%, #1d232b); border-color: color-mix(in srgb, var(--accent) 58%, #3a4653); color: #edf5fb; } html[data-theme="dark"] .quote-preview-toolbar button.primary { background: var(--accent); border-color: color-mix(in srgb, var(--accent) 82%, #fff); color: #fff; } html[data-theme="dark"] .quote-preview-control-field, html[data-theme="dark"] .quote-preview-version-control, html[data-theme="dark"] .quote-preview-action-control { background: #151a20; border-color: #3a4653; } html[data-theme="dark"] .quote-preview-control-label { color: #aebdce !important; } html[data-theme="dark"] .quote-preview-segment { background: transparent; border-color: transparent; } html[data-theme="dark"] .quote-preview-version-control input { background: #111820; border-color: #3a4653; color: #edf5fb; } html[data-theme="dark"] .quote-preview-segment button.is-active { background: color-mix(in srgb, var(--accent) 24%, #1d232b); border-color: color-mix(in srgb, var(--accent) 64%, #3a4653); box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 82%, #fff); color: #edf5fb; } html[data-theme="dark"] .quote-preview-segment button:disabled { background: #151a20; border-color: transparent; color: color-mix(in srgb, #aebdce 56%, #151a20); } html[data-theme="dark"] .borrower-secure-expiration-banner { background: #312114; border-bottom-color: #704214; box-shadow: 0 12px 28px rgba(0,0,0,.28); } html[data-theme="dark"] .borrower-secure-expiration-banner strong { color: #fed7aa; } html[data-theme="dark"] .borrower-secure-expiration-banner span { color: #fdba74; } html[data-theme="dark"] .borrower-secure-expiration-banner a { background: #1d232b; border-color: #704214; color: #fed7aa; } html[data-theme="dark"] .borrower-quote-shell { background: #1d232b; border: 1px solid #3a4653; box-shadow: 0 24px 60px rgba(0,0,0,.34); } html[data-theme="dark"] .borrower-quote-content { background: linear-gradient(180deg,#1d232b 0%,#151a20 100%); color: #edf5fb; } html[data-theme="dark"] .borrower-quote-info-card, html[data-theme="dark"] .borrower-quote-option, html[data-theme="dark"] .borrower-quote-detail-section, html[data-theme="dark"] .borrower-quote-doc-grid article { background: #242b34; border-color: #3a4653; box-shadow: 0 16px 36px rgba(0,0,0,.18); } html[data-theme="dark"] .borrower-quote-option-top { background: linear-gradient(180deg,#242b34 0%,#1d232b 100%); border-bottom-color: #3a4653; } html[data-theme="dark"] .borrower-quote-option-details, html[data-theme="dark"] .borrower-quote-section-head, html[data-theme="dark"] .borrower-quote-next { border-color: #3a4653; } html[data-theme="dark"] .borrower-quote-info-card h2, html[data-theme="dark"] .borrower-quote-section-head h2, html[data-theme="dark"] .borrower-quote-next h2, html[data-theme="dark"] .borrower-quote-option-top h3, html[data-theme="dark"] .borrower-quote-option-top strong, html[data-theme="dark"] .borrower-quote-option-body strong, html[data-theme="dark"] .borrower-quote-detail-rows strong, html[data-theme="dark"] .borrower-quote-detail-section summary span, html[data-theme="dark"] .borrower-quote-detail-section summary strong, html[data-theme="dark"] .borrower-quote-info-grid strong, html[data-theme="dark"] .borrower-quote-doc-grid strong { color: #edf5fb; } html[data-theme="dark"] .borrower-quote-info-grid span, html[data-theme="dark"] .borrower-quote-section-head p, html[data-theme="dark"] .borrower-quote-next p, html[data-theme="dark"] .borrower-quote-option-top p, html[data-theme="dark"] .borrower-quote-option-top small, html[data-theme="dark"] .borrower-quote-option-body span, html[data-theme="dark"] .borrower-quote-detail-rows span, html[data-theme="dark"] .borrower-quote-fee-detail summary span, html[data-theme="dark"] .borrower-quote-detail-rows small, html[data-theme="dark"] .borrower-quote-doc-grid small { color: #aebdce; } html[data-theme="dark"] .borrower-quote-option-body h4 { color: #78c9ff; } html[data-theme="dark"] .borrower-quote-option-body div, html[data-theme="dark"] .borrower-quote-detail-rows div, html[data-theme="dark"] .borrower-quote-fee-detail, html[data-theme="dark"] .borrower-quote-fee-popover .borrower-quote-detail-rows div { border-bottom-color: #34404d; } html[data-theme="dark"] .borrower-quote-option-top span, html[data-theme="dark"] .borrower-quote-doc-grid span { background: color-mix(in srgb, var(--accent) 18%, #111820); color: #d7efff; } html[data-theme="dark"] .borrower-quote-option-body .is-highlight, html[data-theme="dark"] .borrower-quote-detail-rows .is-highlight { background: color-mix(in srgb, var(--accent) 13%, #1d232b); border-color: color-mix(in srgb, var(--accent) 34%, #3a4653); } html[data-theme="dark"] .borrower-quote-option-body .is-credit, html[data-theme="dark"] .borrower-quote-detail-rows .is-credit, html[data-theme="dark"] .borrower-quote-detail-rows .is-active strong { color: #64f0a8; } html[data-theme="dark"] .borrower-quote-option-body .is-cost, html[data-theme="dark"] .borrower-quote-detail-rows .is-cost strong { color: #ff8a8a; } html[data-theme="dark"] .borrower-quote-fee-detail summary strong { color: #edf5fb; } html[data-theme="dark"] .borrower-quote-fee-popover { background: #111820; border-color: #3a4653; box-shadow: 0 18px 42px rgba(0,0,0,.42); } html[data-theme="dark"] .borrower-quote-fee-popover-head { background: #1d232b; border-color: #3a4653; } html[data-theme="dark"] .borrower-quote-fee-popover-head span { color: #78c9ff; } html[data-theme="dark"] .borrower-quote-fee-popover-head strong { color: #edf5fb; } html[data-theme="dark"] .borrower-quote-fee-edit { background: rgba(4,14,24,.92); border-color: rgba(120,201,255,.42); color: #edf5fb; } html[data-theme="dark"] .borrower-quote-story-panels article:first-child, html[data-theme="dark"] .borrower-quote-story-panels article:last-child { background: #242b34; border-color: #3a4653; } html[data-theme="dark"] .borrower-quote-story-panels h2 { color: #edf5fb; } html[data-theme="dark"] .borrower-quote-story-panels p { color: #aebdce; } html[data-theme="dark"] .borrower-quote-actions :is(a,button), html[data-theme="dark"] .borrower-quote-doc-toggle button { background: #111820; border-color: #3a4653; color: #edf5fb; } html[data-theme="dark"] .borrower-quote-actions :is(a,button):hover, html[data-theme="dark"] .borrower-quote-actions :is(a,button):focus-visible, html[data-theme="dark"] .borrower-quote-doc-toggle button:hover, html[data-theme="dark"] .borrower-quote-doc-toggle button:focus-visible { border-color: color-mix(in srgb, var(--accent) 58%, #3a4653); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); } html[data-theme="dark"] .borrower-quote-doc-toggle button.is-active { background: var(--accent); border-color: var(--accent); color: #fff; } html[data-theme="dark"] .borrower-quote-doc-hint { background: color-mix(in srgb, var(--accent) 12%, #111820); border-color: color-mix(in srgb, var(--accent) 36%, #3a4653); color: #d6e8f7; } .team-preview-shell { background: linear-gradient(120deg, rgba(22,137,200,.11), transparent 34%), linear-gradient(180deg, #fff 0%, #f4f7fa 62%, #eef4f8 100%); min-height: 100vh; padding: 22px 28px 56px; } .team-preview-header { align-items: center; display: flex; justify-content: space-between; margin: 0 auto 28px; max-width: 1180px; } .team-preview-brand { align-items: center; display: inline-flex; min-width: 0; } .team-preview-brand img { display: block; height: 82px; object-fit: contain; width: auto; } .team-preview-hero { align-items: center; display: grid; gap: 34px; grid-template-columns: minmax(0,.92fr) minmax(440px,1.08fr); margin: 0 auto; max-width: 1180px; padding: 18px 0 34px; } .team-preview-copy h1 { color: var(--ink); font-size: 56px; line-height: 1.03; margin-bottom: 16px; } .team-preview-copy .lead { max-width: 720px; } .team-preview-flags { display: flex; flex-wrap: wrap; gap: 8px; } .team-preview-flags span { background: #fff7dc; border: 1px solid #f0d785; border-radius: 999px; color: #6f5000; font-size: 12px; font-weight: 850; padding: 7px 10px; } .team-preview-product { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); overflow: hidden; } .preview-window-bar { align-items: center; background: #eef3f7; border-bottom: 1px solid var(--line); display: flex; gap: 8px; padding: 12px; } .preview-window-bar span { border-radius: 999px; height: 10px; width: 10px; } .preview-window-bar span:nth-child(1) { background: var(--red); } .preview-window-bar span:nth-child(2) { background: var(--brand-gold); } .preview-window-bar span:nth-child(3) { background: var(--green); } .preview-product-grid { display: grid; grid-template-columns: 168px minmax(0,1fr); min-height: 360px; } .preview-product-grid aside { background: var(--night); color: #dbe8f2; display: grid; gap: 10px; align-content: start; padding: 20px 14px; } .preview-product-grid aside strong { color: #fff; font-size: 18px; margin-bottom: 8px; } .preview-product-grid aside span { border-radius: 7px; font-weight: 750; padding: 9px 10px; } .preview-product-grid aside span:nth-child(3) { background: var(--primary); color: #fff; } .preview-product-grid section { display: grid; gap: 12px; padding: 20px; } .preview-table-head,.preview-table-row { display: grid; gap: 10px; grid-template-columns: 1.4fr 1fr .7fr .7fr; } .preview-table-head { background: #edf3f7; border: 1px solid var(--line); border-radius: 8px; color: #405068; font-size: 12px; font-weight: 850; padding: 12px; text-transform: uppercase; } .preview-table-row { align-items: center; background: #fff; border: 1px solid var(--line); border-radius: 8px; font-weight: 800; padding: 14px 12px; } .preview-table-row.active { background: color-mix(in srgb, var(--accent) 12%, #fff); } .preview-rate-card { align-self: end; background: #fff8df; border: 1px solid #f0d785; border-radius: 8px; display: grid; gap: 4px; padding: 16px; } .preview-rate-card .eyebrow { margin-bottom: 0; } .preview-rate-card strong { color: var(--primary); font-size: 42px; line-height: 1; } .preview-rate-card span { color: #52616f; font-weight: 750; } .team-preview-section,.team-preview-feedback { margin: 0 auto; max-width: 1180px; } .team-preview-section { padding: 18px 0 28px; } .team-section-heading { align-items: end; display: flex; justify-content: space-between; gap: 18px; margin-bottom: 14px; } .team-section-heading h2,.team-preview-feedback h2 { font-size: 30px; margin-bottom: 0; } .team-workflow-grid { display: grid; gap: 14px; grid-template-columns: repeat(4,minmax(0,1fr)); } .team-workflow-card { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 10px; padding: 18px; } .team-workflow-number { color: var(--accent); font-size: 12px; font-weight: 900; } .team-workflow-card h3 { font-size: 20px; margin-bottom: 0; } .team-workflow-card p { color: var(--muted); line-height: 1.45; margin-bottom: 0; } .team-workflow-card a { color: color-mix(in srgb, var(--accent) 72%, var(--ink)); font-weight: 850; margin-top: 4px; } .team-preview-feedback { align-items: start; background: var(--night); border-radius: 10px; color: #edf5fb; display: grid; gap: 20px; grid-template-columns: minmax(0,.86fr) minmax(320px,.5fr); padding: 24px; } .team-preview-feedback .eyebrow { color: #a9d9f4; } .team-preview-feedback p { color: #c3d2df; line-height: 1.55; margin-bottom: 0; } .team-feedback-list { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 8px; display: grid; gap: 10px; list-style: none; margin: 0; padding: 16px; } .team-feedback-list li { border-bottom: 1px solid rgba(255,255,255,.13); color: #edf5fb; font-weight: 750; padding-bottom: 10px; } .team-feedback-list li:last-child { border-bottom: 0; padding-bottom: 0; } .layout-debug-badge { background: rgba(8,18,28,.94); border: 1px solid rgba(191,224,247,.35); border-left: 5px solid var(--accent); border-radius: 8px; bottom: 12px; box-shadow: 0 18px 46px rgba(0,0,0,.28); color: #edf5fb; display: grid; gap: 7px; left: 12px; max-width: min(360px,calc(100vw - 24px)); min-width: min(312px,calc(100vw - 24px)); padding: 10px 11px; position: fixed; z-index: 9999; } .layout-debug-badge.desktop { border-left-color: var(--accent); } .layout-debug-badge.laptop { border-left-color: var(--brand-gold); } .layout-debug-badge.tablet { border-left-color: #7c5cff; } .layout-debug-badge.mobile { border-left-color: #f233a6; } .layout-debug-head { align-items: start; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto; } .layout-debug-head strong { color: #fff; font-size: 12px; font-weight: 950; letter-spacing: .015em; line-height: 1.18; } .layout-debug-head button { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #dbe8f2; cursor: pointer; font-family: inherit; font-size: 10px; font-weight: 900; min-height: 24px; padding: 3px 8px; text-transform: uppercase; } .layout-debug-head button:hover,.layout-debug-head button:focus { background: rgba(255,255,255,.16); color: #fff; outline: 0; } .layout-debug-rows { display: grid; gap: 3px; } .layout-debug-rows span { color: #bfd0df; font-size: 11px; font-weight: 760; line-height: 1.22; } @media (min-width: 981px) { .layout-debug-badge { max-width: 186px; min-width: 0; width: 186px; } .layout-debug-head { grid-template-columns: minmax(0,1fr); } .layout-debug-head button { justify-self: start; } } @media (max-width: 1180px) { .market-top-grid .market-data-card.has-chart { grid-column: 1 / -1; } .admin-metric-grid { grid-template-columns: repeat(4,minmax(112px,1fr)); } .admin-grid { grid-template-columns: 1fr; } .admin-user-detail { grid-template-columns: 1fr; } .admin-account-form,.admin-audit-counts,.admin-audit-groups { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 1320px) { .pricing-cockpit-grid { grid-template-columns: 1fr; } .pricing-detail-stack { max-height: none; overflow: visible; position: relative; top: auto; } } @media (max-width: 1480px) { .control-summary { grid-template-columns: 1fr; } .investor-comp-grid { grid-template-columns: repeat(2,minmax(220px,1fr)); max-height: none; } .investor-comp-lane { grid-template-columns: minmax(0,1fr); } .auto-quote-panel { grid-template-columns: 1fr; } .auto-quote-collapsible-body { grid-template-columns: minmax(170px,.8fr) minmax(150px,.7fr) minmax(170px,.85fr); } .auto-quote-head,.auto-quote-status-card { grid-column: 1; grid-row: auto; } .auto-quote-fields { grid-column: 1; grid-row: 1 / span 2; } .auto-quote-purpose-lane { grid-column: 2; grid-row: 1; } .auto-quote-occupancy-lane { grid-column: 2; grid-row: 2; } .auto-quote-property-lane { grid-column: 3; grid-row: 1 / span 2; } .auto-quote-delivery-stack { grid-column: 1 / -1; grid-row: auto; grid-template-columns: repeat(2,minmax(0,1fr)); } .auto-quote-status-card { align-items: center; grid-template-columns: minmax(0,1fr) auto; min-height: 0; } .auto-quote-route { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; padding-top: 8px; } } @media (max-width: 980px) { html, body, .app-shell, .app-main { max-width: 100%; overflow-x: hidden; } .hero,.workspace,.control-grid,.quote-grid,.metric-grid,.settings-layout,.import-layout,.preset-grid,.control-summary,.manual-grid,.compact-manual-form .manual-grid,.pricing-lab-shell,.pricing-lab-form,.pricing-lab-grid,.rate-alert-list,.rate-intake-layout,.rate-sheet-imports-body,.market-data-grid,.market-trend-row,.auto-quote-panel,.auto-quote-body,.auto-quote-collapsible-body,.team-preview-hero,.team-workflow-grid,.team-preview-feedback,.landing-logo-band,.landing-section,.landing-rate-grid,.landing-feature-grid,.landing-integrations-grid,.billing-summary-grid,.billing-plan-grid,.account-license-form,.account-verification-summary,.account-quote-action-link-grid,.funded-toolbar,.funded-expanded,.admin-metric-grid { grid-template-columns: 1fr; } .account-license-wide { grid-column: 1; } .admin-control-center .admin-metric-grid { gap: 8px; grid-template-columns: repeat(4,minmax(0,1fr)); } .admin-control-center .admin-metric-card { min-height: 54px; padding: 8px 9px; } .admin-control-center .admin-metric-card span { font-size: 9px; line-height: 1.05; } .admin-control-center .admin-metric-card strong { font-size: 20px; line-height: 1; } .admin-control-center .admin-metric-card small { font-size: 9px; line-height: 1.1; } .admin-control-center .admin-table-wrap { overflow: visible; } .admin-control-center .admin-table { display: block; min-width: 0; width: 100%; } .admin-control-center .admin-table thead { display: none; } .admin-control-center .admin-table tbody { display: grid; width: 100%; } .admin-control-center .admin-user-row { border-bottom: 1px solid color-mix(in srgb, var(--line) 80%, transparent); display: grid; gap: 0 10px; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 8px 10px; } .admin-control-center .admin-user-row:hover, .admin-control-center .admin-user-row.is-expanded { background: color-mix(in srgb, var(--accent) 6%, var(--paper)); } .admin-control-center .admin-user-row td { background: transparent !important; border: 0; display: grid; gap: 3px; min-width: 0; padding: 6px 2px !important; text-align: left !important; } .admin-control-center .admin-user-row .admin-status-pill { justify-self: start; width: 76px; } .admin-control-center .admin-user-row td::before { color: var(--muted); content: attr(data-label); font-size: 9px; font-weight: 850; letter-spacing: 0; line-height: 1; text-transform: uppercase; } .admin-control-center .admin-user-row td:first-child { grid-column: 1 / -1; } .admin-control-center .admin-user-row td:first-child strong { font-size: 14px; line-height: 1.1; } .admin-control-center .admin-user-detail-row { display: block; width: 100%; } .admin-control-center .admin-user-detail-cell { background: color-mix(in srgb, var(--soft) 64%, var(--paper)) !important; display: block; padding: 0 !important; width: 100%; } .admin-control-center .admin-user-detail-cell::before { content: none; } .admin-control-center .admin-user-detail { gap: 8px; grid-template-columns: minmax(0,1fr); padding: 8px; width: 100%; } .admin-control-center .admin-tab-section, .admin-control-center .admin-inline-tab-section, .admin-control-center .admin-audit-summary, .admin-control-center .admin-audit-section { min-width: 0; width: 100%; } .admin-control-center .admin-license-states { overflow: hidden; padding: 8px; } .admin-control-center .admin-state-bubble-grid { display: grid; gap: 4px; grid-template-columns: repeat(8,minmax(0,1fr)); width: 100%; } .admin-control-center .admin-state-bubble { justify-content: stretch; width: 100%; } .admin-control-center .admin-state-bubble span { min-width: 0; padding-left: 0; padding-right: 0; width: 100%; } .admin-control-center .admin-audit-counts, .admin-control-center .admin-audit-groups, .admin-control-center .admin-trial-access-grid, .admin-control-center .admin-account-advanced-grid, .admin-control-center .admin-preview-access-list, .admin-control-center .admin-trial-policy-grid { display: grid; grid-template-columns: minmax(0,1fr); } .admin-control-center .admin-audit-counts span, .admin-control-center .admin-compact-list strong, .admin-control-center .admin-compact-list span, .admin-control-center .admin-compact-count-list span { overflow-wrap: anywhere; white-space: normal; } .admin-account-form,.admin-audit-counts,.admin-audit-groups { grid-template-columns: 1fr; } .app-header { align-items: start; display: grid; gap: 8px 10px; grid-template-columns: minmax(0,1fr) auto; padding-bottom: 6px; padding-left: clamp(16px, 5vw, 24px); padding-right: clamp(16px, 5vw, 24px); padding-top: 14px; } .app-header .nav-actions { align-items: center; display: inline-flex; gap: 8px; grid-column: 2; grid-row: 1; justify-content: flex-end; justify-self: end; min-height: 34px; } .app-header .signout-button { display: none !important; } .app-header h1 { grid-column: 1; grid-row: 1; position: relative; line-height: 34px; top: -1px; } .app-header-main { display: contents; gap: 8px; position: relative; width: 100%; } .app-header-main .view-tools { grid-column: 1 / -1; grid-row: 2; transform: none; width: 100%; } .app-header-main:has(.lead-layout-lock-button) .view-tools { grid-column: 1 / -1; grid-row: 2; transform: none; width: 100%; } .workspace { padding-top: 9px; } .header-lead-toolbar { --lead-mobile-action-height: 42px; display: grid; gap: 7px 7px; grid-template-columns: repeat(4, minmax(0, 1fr)); justify-content: stretch; margin-bottom: 0; width: 100%; } .header-lead-toolbar .lead-search-input, .header-lead-toolbar .saved-view-select { font-size: 13px; min-height: 42px; min-width: 0; overflow: hidden; padding: 8px 10px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .header-lead-toolbar .saved-view-select { padding-right: 24px; } .header-lead-toolbar .lead-search-input { grid-column: 1 / 3; grid-row: 1; } .header-lead-toolbar .lead-import-shortcut, .header-lead-toolbar [data-action="delete-selected-lead"], .header-lead-toolbar .quote-ready-shortcut, .header-lead-toolbar [data-action="toggle-lead-filters"], .lead-layout-lock-button { box-sizing: border-box; font-size: 12px; font-weight: 600; gap: 4px; height: var(--lead-mobile-action-height); justify-content: center; line-height: 1.05; min-height: var(--lead-mobile-action-height); min-width: 0; padding: 0 5px; text-align: center; white-space: normal; width: 100%; } .header-lead-toolbar .saved-view-select { grid-column: 1 / 3; grid-row: 2; } .header-lead-toolbar .lead-import-shortcut { grid-column: 3 / 5; grid-row: 2; } .header-lead-toolbar .quote-ready-shortcut { grid-column: 1 / 3; grid-row: 3; } .header-lead-toolbar [data-action="toggle-lead-filters"] { grid-column: 3 / 5; grid-row: 3; } .header-lead-toolbar [data-action="delete-selected-lead"] { grid-column: 1 / 3; grid-row: 4; } .nav-actions .lead-layout-lock-button { height: 34px; min-height: 34px; min-width: 34px; width: 34px; } .nav-actions .app-color-settings-button { height: 34px; min-height: 34px; min-width: 34px; width: 34px; } .nav-actions .lead-delete-icon-button { height: 34px; min-height: 34px; min-width: 58px; padding: 0 3px; } .nav-actions .lead-delete-icon-button svg { height: 20px; width: 20px; } .nav-actions .lead-delete-count { font-size: 9px; min-height: 16px; min-width: 32px; padding: 0 4px; } .nav-actions .app-color-settings-button svg { height: 23px; width: 23px; } .nav-actions .lead-layout-lock-button svg { height: 24px; width: 24px; } .lead-layout-lock-text { font-size: 10px; font-weight: 600; letter-spacing: 0; line-height: .9; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .lead-search-input { grid-column: 1 / 3; grid-row: 1; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .saved-view-select { grid-column: 1 / 3; grid-row: 2; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .lead-import-shortcut { grid-column: 3 / 5; grid-row: 2; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .quote-ready-shortcut { grid-column: 1 / 3; grid-row: 3; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar [data-action="toggle-lead-filters"] { grid-column: 3 / 5; grid-row: 3; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar [data-action="delete-selected-lead"] { grid-column: 1 / 3; grid-row: 4; } .custom-choice-menu summary { min-height: 32px; padding: 6px 8px; } .custom-choice-menu strong { font-size: 12px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .quick-choice-options { border-radius: 7px; box-shadow: 0 8px 18px rgba(17,32,51,.14); gap: 1px; max-height: min(188px,38vh); padding: 3px; } .quick-choice-options button { border-radius: 5px; font-size: 12px; min-height: 27px; padding: 5px 7px; } .mini-pref-choice-shell .custom-choice-menu summary, .mini-comp-choice-shell .custom-choice-menu summary, .mini-control-choice-shell .custom-choice-menu summary { min-height: 34px; padding: 6px 8px; } .mini-pref-choice-shell .custom-choice-menu strong, .mini-comp-choice-shell .custom-choice-menu strong, .mini-control-choice-shell .custom-choice-menu strong { font-size: 12px; line-height: 1.05; } .mini-control-pref-field .mini-pref-choice-shell .custom-choice-menu strong.custom-choice-summary-rich:has(.mini-pref-display-logo) { align-items: center; display: grid; gap: 6px; grid-template-columns: 28px minmax(0,1fr); text-align: left; } .mini-control-pref-field .mini-pref-display-logo { background: transparent; border: 0; border-radius: 999px; display: inline-flex; justify-content: center; min-height: 22px; padding: 0; width: 28px; } .mini-control-pref-field .mini-pref-display-logo, .mini-control-pref-field .mini-pref-display-logo span { color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: 0; line-height: inherit; text-transform: none; white-space: normal; } .mini-control-pref-field .mini-pref-display-logo .lender-logo-stack { align-items: center; display: inline-flex; justify-content: center; min-width: 0; width: 100%; } .mini-control-pref-field .mini-pref-display-logo .lender-logo { height: 17px; max-width: 25px; } .mini-control-pref-field .mini-pref-display-logo .lender-logo-mark { height: 21px; max-width: 21px; width: 21px; } .mini-control-pref-field .mini-pref-display-logo .lender-logo-union-chip { height: 20px; max-width: 29px; width: 29px; } .mini-control-pref-field .mini-pref-display-text { text-align: left; } .mini-product-controls .mini-product-choice-shell .custom-choice-menu strong, .mini-price-option .mini-product-choice-shell .custom-choice-menu strong, .mini-product-controls .mini-static-control, .mini-price-option .mini-static-control { font-size: 13px !important; line-height: 1.05; } .mini-control-choice-shell .quick-choice-options, .mini-comp-choice-shell .quick-choice-options { max-width: min(156px,calc(100vw - 42px)); min-width: 100%; } .pricing-lab-shell.rail-collapsed,.pricing-lab-shell.rail-expanded { grid-template-columns: 1fr; } .auto-quote-body { display: grid; grid-template-columns: 1fr; } .auto-quote-lists { display: grid; grid-template-columns: 1fr; } .auto-quote-head,.auto-quote-body,.auto-quote-fields,.auto-quote-lists,.auto-quote-purpose-lane,.auto-quote-occupancy-lane,.auto-quote-property-lane,.auto-quote-delivery-stack,.auto-quote-status-card { grid-column: auto; grid-row: auto; } .auto-quote-delivery-stack { grid-template-columns: 1fr; } .auto-quote-status-card { grid-template-columns: minmax(0,1fr) auto; } .auto-quote-route { border-left: 0; border-top: 1px solid var(--line); padding-left: 0; padding-top: 8px; } .pricing-lab-rail { position: static; } .pricing-lab-rail.is-collapsed .pricing-rail-mini-stack { grid-template-columns: repeat(2,minmax(0,1fr)); } .pricing-pane-tabs,.pricing-cockpit-grid,.pricing-option-control-grid { grid-template-columns: 1fr; } .investor-comp-grid { grid-template-columns: repeat(2,minmax(190px,1fr)); } .investor-comp-lane { grid-template-columns: minmax(0,1fr); } .auto-quote-chip-grid { grid-template-columns: 1fr; } .preferred-investor-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .pricing-engine-head,.pricing-engine-section-head { align-items: flex-start; flex-direction: column; } .pricing-preset-column-head { display: none; } .market-block-head,.market-apor-head { align-items: flex-start; flex-direction: column; } .market-block-head small,.market-apor-head small { text-align: left; } .market-apor-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .quote-stack-lanes,.quote-stack-row { grid-template-columns: 1fr; } .quote-stack-cards { grid-template-columns: 1fr; } .quote-stack-cards.active-option-1,.quote-stack-cards.active-option-2,.quote-stack-cards.active-option-3 { grid-template-columns: 1fr; } .quote-stack-head,.pricing-option-lien-head { align-items: flex-start; flex-direction: column; } .quote-escrow-calculator { justify-content: flex-start; } .pricing-option-lien-head span { text-align: left; } .second-stack-assumption-grid { grid-template-columns: 1fr; } .consumer-quote-card-row,.pricing-center-card-row { grid-template-columns: 1fr; } .eligibility-snapshot-body { grid-template-columns: 1fr; } .pricing-rate-column { width: 100%; } .guideline-chips,.guideline-body { grid-template-columns: 1fr; } .pricing-option-tray { grid-template-columns: 1fr; position: static; } .manual-wide { grid-column:auto; } .workspace.has-side-panel,.workspace.has-lead-rail,.workspace.has-pipeline-panel,.workspace.has-pipeline-rail,.workspace.filter-mode,.workspace.funded-workspace,.workspace.pipeline-workspace { grid-template-columns: minmax(0,1fr); } .workspace.pipeline-workspace.has-pipeline-panel,.workspace.pipeline-workspace.has-pipeline-rail { grid-template-columns: minmax(0,1fr); padding-right: 22px; } .lead-side-rail,.pipeline-side-rail,.selected-lead-panel,.pipeline-side-panel { position: static; } .workspace.pipeline-workspace.has-pipeline-panel > .pipeline-side-panel, .workspace.pipeline-workspace.has-pipeline-rail > .pipeline-side-rail { grid-column: 1; justify-self: stretch; transform: none; width: 100%; } .workspace.has-side-panel > .lead-table-region, .workspace.has-side-panel > .selected-lead-panel { grid-column: 1; width: 100%; } .lead-table-region { overflow-anchor: none; } .lead-editor { box-sizing: border-box; min-width: 0; width: 100%; } .workspace.has-side-panel .lead-editor,.workspace.has-lead-rail .lead-editor,.workspace.no-side-panel .lead-editor,.workspace.filter-mode .lead-editor { max-width: min(100%, calc(100vw - 64px)); padding-left: 8px; padding-right: 8px; width: min(100%, calc(100vw - 64px)); } .table-wrap { -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; overscroll-behavior-y: auto; } .expanded-row .lead-editor, .expanded-row .lead-editor *, .lead-editor-grid, .lead-editor-card, .lead-editor-lane, .lead-editor-lane > .editor-section { touch-action: pan-y; } .workspace.filter-mode { overflow-x: hidden; } .workspace.filter-mode > .filter-panel { animation: viewSetupSlideIn .18s ease-out; bottom: 12px; box-shadow: 0 18px 44px rgba(10, 20, 32, .22); max-height: none; overflow: auto; position: fixed; right: 10px; top: 12px; width: min(390px, calc(100vw - 28px)); z-index: 80; } .lead-editor-grid { --lead-editor-card-min: 9999px; grid-template-columns: minmax(0,1fr); } .expanded-row .lead-editor { left: 0; position: relative; top: auto; } .lead-editor-lane.pricing-lane { position: relative; left: 0; width: 100%; } .lead-editor-lane.pricing-lane .mini-pricing-lab { width: 100%; } .lead-editor-lane.pricing-lane .mini-control-cluster, .lead-editor-lane.pricing-lane .quote-selection-stack, .lead-editor-lane.pricing-lane .mini-rate-snapshot-frame { margin-left: 0; margin-right: 0; } .lead-editor-lane.pricing-lane .pricing-presets-body, .lead-editor-lane.pricing-lane .quote-selection-stack, .lead-editor-lane.pricing-lane .mini-rate-snapshot-frame { padding-left: 7px; padding-right: 7px; } .editor-grid,.pipeline-editor-grid,.option-groups,.compact-fields,.editor-summary { grid-template-columns: 1fr; } .pipeline-editor { margin-left: 12px; margin-right: auto; max-width: calc(100% - 12px); width: min(calc(100% - 12px), calc(var(--pipeline-card-lane-max) + (var(--pipeline-editor-pad) * 2))); } .pipeline-editor-grid { grid-template-columns: minmax(min(100%,var(--pipeline-card-lane-min)),var(--pipeline-card-lane-max)); justify-content: center; } .pipeline-editor .pipeline-editor-card, .pipeline-editor .pipeline-notes-card, .pipeline-editor .pipeline-editor-actions { grid-column: 1 / -1; justify-self: stretch; max-width: var(--pipeline-card-lane-max); width: 100%; } .notes-update-row { grid-template-columns: minmax(0,1fr); } .borrower-contact-row { grid-template-columns: 1fr; } .editor-contact .borrower-contact-row { grid-template-columns: repeat(2,minmax(0,1fr)); } .lead-scenario-fields { display: block; } .lead-scenario-body { grid-template-columns: repeat(2,minmax(140px,1fr)); } .mini-control-stack-grid.has-two-stacks { grid-template-columns: 1fr; } .mini-control-stack-grid.has-two-stacks::before { display: none; } .mini-control-stack-grid.has-two-stacks .mini-control-stack.is-second { border-top: 1px solid color-mix(in srgb, var(--accent) 20%, var(--line)); padding-left: 0; padding-top: 8px; } .investor-pricing-snapshot-body { grid-template-columns: minmax(0,1fr); } .investor-pricing-table-head { display: none; } .investor-pricing-table { max-height: none; } .investor-pricing-row { align-items: start; grid-template-columns: minmax(0,1fr); } .investor-pricing-row > strong { display: block; } .investor-pricing-row > strong::before,.investor-pricing-change::before,.investor-pricing-row time::before { color: var(--section-label); display: block; font-size: 10px; font-weight: 950; letter-spacing: .06em; margin-bottom: 4px; text-transform: uppercase; } .investor-pricing-row > strong::before { content: "Pricing"; } .investor-pricing-change::before { content: "Rate Change"; } .investor-pricing-row time::before { content: "Timestamp"; } .investor-pricing-change { display: grid; justify-content: flex-start; width: fit-content; } .settings-accordion-summary { grid-template-columns: minmax(0,1fr); } .settings-accordion-summary em { justify-self: start; } .setup-guide-grid { grid-template-columns: minmax(0,1fr); } .settings-placeholder-grid { grid-template-columns: 1fr; } .workspace-color-form { grid-template-columns: 1fr; } .lead-import-automation-strip { align-items: stretch; display: grid; grid-template-columns: 1fr; } .lead-import-folder-menu { margin-top: 6px; position: static; } .lead-import-folder-actions { justify-content: flex-start; } .lead-import-watch-strip, .lead-import-ready-strip { align-items: stretch; grid-template-columns: 1fr; } .excel-lead-drop-zone { align-items: stretch; grid-template-columns: 1fr; } .lead-import-auto-toggle { justify-self: start; } .notes-box { grid-column: auto; } .pipeline-notes-card,.pipeline-editor-actions { grid-column: auto; } .pipeline-editor { min-width: 0; } .funded-filter-row { justify-content: flex-start; } .app-shell { align-content: start; grid-template-columns: 1fr; } .sidebar { align-content: start; display: grid; gap: 5px; grid-template-columns: 1fr; height: auto; justify-items: center; min-height: 0; overflow: visible; padding: 8px 12px 10px; position: relative; } .sidebar .brand { margin-bottom: 8px; } .sidebar .brand-logo { height: 90px; max-width: 168px; } .sidebar .brand-logo-mask { height: 90px; width: 130px; } .sidebar-company-logo { height: 78px; max-width: 168px; } .sidebar-signout-header-button:not([hidden]) { align-items: center; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.26); border-radius: 8px; box-shadow: inset 0 1px 0 rgba(255,255,255,.12); color: #edf5fb; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 13px; font-weight: 650; justify-content: center; line-height: 1; min-height: 34px; min-width: 82px; padding: 8px 13px; position: absolute; right: 14px; top: 14px; } .sidebar-signout-header-button:not([hidden]):hover, .sidebar-signout-header-button:not([hidden]):focus { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.42); color: #fff; outline: 0; } .sidebar-account-card { gap: 3px; justify-items: center; margin: 0 0 3px; max-width: 360px; padding-bottom: 9px; padding-top: 9px; text-align: center; width: min(100%, 360px); } .sidebar-account-card em { justify-self: center; } .sidebar-account-admin-link.side-link { background: var(--theme-sidebar-active-text); border: 1px solid color-mix(in srgb, var(--theme-sidebar-active-bg) 48%, rgba(255,255,255,.42)); border-radius: 999px; box-shadow: 0 8px 18px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.78); color: var(--theme-sidebar-active-bg); display: inline-flex; font-size: 13px; font-weight: 650; justify-self: center; line-height: 1; margin-top: 4px; max-width: 180px; min-height: 30px; min-width: 0; padding: 7px 15px; width: 50%; } .sidebar-account-admin-link.side-link:hover, .sidebar-account-admin-link.side-link:focus { background: color-mix(in srgb, var(--theme-sidebar-active-text) 86%, var(--brand-gold)); border-color: color-mix(in srgb, var(--brand-gold) 62%, var(--theme-sidebar-active-bg)); color: var(--theme-sidebar-active-bg); outline: 0; } .sidebar-main-nav,.sidebar-utility-nav { align-content: start; align-items: start; border-top: 0; display: grid; gap: 6px 12px; grid-auto-rows: 34px; grid-template-columns: repeat(2,minmax(0,1fr)); justify-content: center; margin-top: 0; max-width: 100%; padding-top: 0; width: min(100%, 424px); } .sidebar-main-nav .side-link-preview-shell, .sidebar-main-nav .side-link[data-view="quotePreview"] { order: 1; } .sidebar-main-nav .side-link[data-view="leads"] { order: 2; } .sidebar-main-nav .side-link[data-view="calculators"] { order: 3; } .sidebar-main-nav .side-link[data-view="control"] { order: 4; } .sidebar-main-nav .side-link[data-view="pipeline"] { order: 5; } .sidebar-main-nav .side-link[data-view="funded"] { order: 6; } .sidebar-utility-nav .admin-side-link { display: none !important; } .sidebar-support-group { align-self: stretch; display: grid; gap: 0; margin-top: 0; min-height: 34px; min-width: 0; width: 100%; } .sidebar-section-label { display: none; } .sidebar .side-link { align-items: center; align-self: start; display: inline-flex; font-size: 14px; height: 34px; justify-content: center; line-height: 1.08; min-height: 34px; padding: 7px 8px; text-align: center; white-space: normal; width: 100%; } .sidebar .side-link-preview-shell { height: 34px; } .sidebar .side-link-preview { justify-content: center; padding-left: 10px; padding-right: 7px; } .sidebar .side-link-preview-popout { flex-basis: 30px; min-width: 30px; } .sidebar .side-link-preview-popout::before { height: 6px; width: 6px; } .lead-page-controls { align-items: stretch; flex-direction: column; } .lead-page-actions { justify-content: space-between; } .app-header-main { align-items: flex-start; flex-direction: column; } .view-tools,.control-anchor-nav { width: 100%; } .control-anchor-nav { justify-content: flex-start; } h1 { font-size: 44px; } .team-preview-header { align-items: flex-start; flex-direction: column; gap: 14px; } .team-preview-brand img { height: 70px; } .team-preview-copy h1 { font-size: 42px; } .preview-product-grid { grid-template-columns: 1fr; } .preview-product-grid aside { grid-template-columns: repeat(2,minmax(0,1fr)); } .preview-product-grid aside strong { grid-column: 1 / -1; } .preview-table-head,.preview-table-row { grid-template-columns: 1fr; } .landing-nav { padding: 28px 24px 12px; position: relative; } .landing-nav-brand { font-size: 34px; gap: 12px; } .landing-nav-brand img { height: 70px; width: 70px; } .landing-hero { min-height: 660px; padding-top: 70px; } .landing-hero-bg { gap: 18px; grid-template-columns: repeat(3, 520px); opacity: .52; padding-left: 18%; } .landing-hero-copy h1 { font-size: 58px; } .landing-hero-copy .lead { font-size: 20px; } .landing-lender-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .landing-integrations-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .landing-shot-track img { height: 250px; width: 440px; } .landing-cta { align-items: flex-start; flex-direction: column; } } @keyframes viewSetupSlideIn { from { opacity: .72; transform: translateX(28px); } to { opacity: 1; transform: translateX(0); } } @media (max-width: 980px) and (pointer: fine) { .workspace.has-side-panel { gap: 12px; grid-template-columns: minmax(0,1fr) minmax(300px,332px); padding-right: 14px; } .workspace.has-side-panel > .lead-table-region { grid-column: 1; order: 0; overflow: hidden; width: auto; } .workspace.has-side-panel > .selected-lead-panel { grid-column: 2; max-width: 100%; order: 1; position: sticky; top: 18px; transform: none; width: 100%; } .workspace.has-lead-rail { gap: 13px; grid-template-columns: minmax(0,1fr); padding-right: 22px; } .workspace.has-lead-rail.has-desktop-inline-detail-lock { --lead-rail-editor-gutter: 90px; } .workspace.has-lead-rail.has-desktop-inline-detail-lock .lead-inline-detail-block { margin-left: 0; margin-right: var(--lead-rail-editor-gutter); max-width: min(calc(100% - var(--lead-rail-editor-gutter)), var(--desktop-lead-detail-width, 100%)); width: min(calc(100% - var(--lead-rail-editor-gutter)), var(--desktop-lead-detail-width, 100%)); } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) { background: color-mix(in srgb, var(--paper) 96%, var(--soft)); border: 1px solid var(--window-border); border-radius: 9px; box-shadow: 0 8px 18px rgba(16,24,32,.05), inset 0 1px 0 color-mix(in srgb, #fff 54%, transparent); gap: 6px; justify-self: end; align-content: start; height: max-content; max-height: calc(100vh - var(--lead-rail-floating-top, 18px) - 16px); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 6px; position: fixed; right: 16px; top: var(--lead-rail-floating-top, 18px); transform: translateX(4px); width: 77px; z-index: 70; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-source-pill.source-pill, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-separator, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-context, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chips { width: 65px; } .workspace.has-side-panel .lead-editor, .workspace.has-lead-rail .lead-editor { max-width: 100%; width: 100%; } } @media (max-width: 1180px) { .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) { transform: none; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-context { display: none; } .lead-rail-inline-row > td { background: color-mix(in srgb, var(--soft) 72%, var(--paper)); border-top: 1px solid color-mix(in srgb, var(--line) 90%, var(--accent)); box-sizing: border-box; padding: 8px 10px 10px; white-space: normal; } .lead-rail-inline-row .lead-side-rail { align-items: center; background: color-mix(in srgb, var(--window-bg) 96%, var(--paper)); border: 1px solid var(--window-border); border-radius: 9px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 54%, transparent); box-sizing: border-box; display: flex; gap: 6px; height: auto; justify-content: flex-start; max-height: none; max-width: min(100%, calc(100dvw - 78px)); min-width: 0; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; padding: 6px; position: static; right: auto; scrollbar-width: thin; top: auto; transform: none; width: min(100%, calc(100dvw - 78px)); z-index: auto; } .lead-rail-inline-row .lead-side-rail::-webkit-scrollbar, .lead-rail-inline-block .lead-side-rail::-webkit-scrollbar { height: 6px; } .lead-rail-inline-row .lead-side-rail::-webkit-scrollbar-track, .lead-rail-inline-block .lead-side-rail::-webkit-scrollbar-track { background: color-mix(in srgb, var(--window-border) 46%, transparent); border-radius: 999px; } .lead-rail-inline-row .lead-side-rail::-webkit-scrollbar-thumb, .lead-rail-inline-block .lead-side-rail::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--muted) 72%, var(--line)); border-radius: 999px; } .lead-rail-inline-row .lead-rail-tab { align-items: center; box-shadow: none; box-sizing: border-box; display: grid; gap: 4px; flex: 0 0 230px; grid-template-columns: 22px minmax(0,1fr) minmax(36px,max-content) 22px; grid-template-rows: 1fr; justify-items: center; min-height: 44px; padding: 4px 5px; width: 230px; } .lead-rail-inline-row .lead-rail-name-btn { grid-column: 2; grid-row: 1; justify-items: center; min-height: 30px; } .lead-rail-inline-row .lead-rail-name-btn strong { font-size: 14px; font-weight: 500; max-height: none; max-width: 100%; min-width: 0; text-align: center; text-overflow: ellipsis; text-orientation: mixed; white-space: nowrap; width: 100%; writing-mode: horizontal-tb; } .lead-rail-inline-row .lead-rail-count { font-size: 12px; font-weight: 500; grid-column: 3; grid-row: 1; line-height: 1; margin-top: 0; } .lead-rail-inline-row .lead-rail-nav-btn { grid-row: 1; } .lead-rail-inline-row .lead-rail-nav-btn.previous { grid-column: 1; } .lead-rail-inline-row .lead-rail-nav-btn.next { grid-column: 4; } .lead-rail-inline-row .lead-rail-nav-btn.previous::before { margin-top: 0; transform: rotate(135deg); } .lead-rail-inline-row .lead-rail-nav-btn.next::before { margin-bottom: 0; transform: rotate(-45deg); } .lead-rail-inline-row .lead-rail-chip-stack { display: flex; flex: 0 0 auto; gap: 5px; min-width: max-content; overflow: visible; padding: 0; } .lead-rail-inline-row .lead-rail-chip { flex: 0 0 66px; min-height: 42px; min-width: 0; padding: 5px 3px; width: 66px; } .lead-rail-inline-row .lead-rail-chip span { font-size: 7px; letter-spacing: 0; text-transform: none; } .lead-rail-inline-row .lead-rail-bonzo-label { font-size: 0; } .lead-rail-inline-row .lead-rail-bonzo-label::before { content: attr(data-mobile-short-label); display: inline; font-size: 7px; } .lead-rail-inline-row .lead-rail-chip.status { align-items: center; grid-template-columns: minmax(0,1fr); grid-template-rows: 18px max-content; justify-items: center; } .lead-rail-inline-row .lead-rail-chip.status svg { align-self: end; grid-column: 1; grid-row: 1; justify-self: center; } .lead-rail-inline-row .lead-rail-chip.status span:not(.lead-rail-badge) { align-self: start; display: block; grid-column: 1; grid-row: 2; justify-self: center; text-align: center; width: 100%; } .lead-rail-inline-row .lead-rail-context { align-items: center; display: flex; gap: 5px; flex: 0 0 auto; justify-items: stretch; min-width: max-content; width: auto; } .lead-rail-inline-row .lead-rail-separator { display: none; } .lead-rail-inline-row .lead-rail-source-pill.source-pill { flex: 0 0 70px; max-width: 70px; min-height: 31px; min-width: 70px; padding-left: 6px; padding-right: 6px; } .lead-rail-inline-row .lead-rail-scenario-chips { display: flex; flex: 0 0 auto; gap: 5px; min-width: max-content; width: auto; } .lead-rail-inline-row .lead-rail-scenario-chip { flex: 0 0 70px; min-height: 37px; padding: 5px 3px 4px; width: 70px; } .lead-rail-inline-block { box-sizing: border-box; margin-left: 0; margin-right: auto; max-width: min(100%, calc(100dvw - 86px), 620px); padding: 10px 8px 0; transition: none; width: min(100%, calc(100dvw - 86px), 620px); } .workspace.has-desktop-inline-detail-lock .lead-rail-inline-block { max-width: var(--desktop-lead-detail-width, min(100%, calc(100dvw - 86px), 620px)); width: var(--desktop-lead-detail-width, min(100%, calc(100dvw - 86px), 620px)); } .lead-rail-table-top-block { background: color-mix(in srgb, var(--soft) 72%, var(--paper)); border-bottom: 1px solid color-mix(in srgb, var(--line) 90%, var(--accent)); padding-bottom: 8px; } .lead-rail-inline-block .lead-side-rail { align-items: stretch; background: color-mix(in srgb, var(--window-bg) 96%, var(--paper)); border: 1px solid var(--window-border); border-radius: 9px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 54%, transparent); box-sizing: border-box; display: grid; gap: 6px; grid-template-columns: minmax(0,1fr); height: auto; justify-content: flex-start; max-height: none; max-width: 100%; min-width: 0; overflow: visible; padding: 6px; position: static; right: auto; top: auto; transform: none; width: 100%; z-index: auto; } .lead-rail-inline-block .lead-rail-tab { align-items: center; box-shadow: none; box-sizing: border-box; display: grid; gap: 4px; flex: none; grid-template-columns: 22px minmax(0,1fr) minmax(36px,max-content) 22px; grid-template-rows: 1fr; justify-items: center; min-height: 44px; padding: 4px 5px; width: 100%; } .lead-rail-inline-block .lead-rail-name-btn { grid-column: 2; grid-row: 1; justify-items: center; min-height: 30px; } .lead-rail-inline-block .lead-rail-name-btn strong { font-size: 14px; font-weight: 500; max-height: none; max-width: 100%; text-align: center; text-overflow: ellipsis; text-orientation: mixed; white-space: nowrap; width: 100%; writing-mode: horizontal-tb; } .lead-rail-inline-block .lead-rail-count { font-size: 12px; font-weight: 500; grid-column: 3; grid-row: 1; line-height: 1; margin-top: 0; } .lead-rail-inline-block .lead-rail-nav-btn { grid-row: 1; } .lead-rail-inline-block .lead-rail-nav-btn.previous { grid-column: 1; } .lead-rail-inline-block .lead-rail-nav-btn.next { grid-column: 4; } .lead-rail-inline-block .lead-rail-nav-btn.previous::before { margin-top: 0; transform: rotate(135deg); } .lead-rail-inline-block .lead-rail-nav-btn.next::before { margin-bottom: 0; transform: rotate(-45deg); } .lead-rail-inline-block .lead-rail-chip-stack { display: grid; gap: 5px; grid-template-columns: repeat(3, minmax(0,1fr)); min-width: 0; overflow: visible; padding: 0; width: 100%; } .lead-rail-inline-block .lead-rail-chip { flex: none; min-height: 42px; min-width: 0; padding: 5px 3px; width: 100%; } .lead-rail-inline-block .lead-rail-chip span { font-size: 7px; letter-spacing: 0; text-transform: none; } .lead-rail-inline-block .lead-rail-chip.status { align-items: center; grid-template-columns: minmax(0,1fr); grid-template-rows: 18px max-content; justify-items: center; } .lead-rail-inline-block .lead-rail-chip.status svg { align-self: end; grid-column: 1; grid-row: 1; justify-self: center; } .lead-rail-inline-block .lead-rail-chip.status span:not(.lead-rail-badge) { align-self: start; display: block; grid-column: 1; grid-row: 2; justify-self: center; text-align: center; width: 100%; } .lead-rail-inline-block .lead-rail-context { align-items: stretch; display: grid; gap: 5px; grid-template-columns: minmax(72px,.78fr) minmax(0,2.22fr); justify-items: stretch; min-width: 0; width: 100%; } .lead-rail-inline-block .lead-rail-separator { display: none; } .lead-rail-inline-block .lead-rail-source-pill.source-pill { flex: none; max-width: none; min-height: 31px; min-width: 0; padding-left: 6px; padding-right: 6px; width: 100%; } .lead-rail-inline-block .lead-rail-scenario-chips { display: grid; flex: none; gap: 5px; grid-template-columns: repeat(3, minmax(0,1fr)); min-width: 0; width: 100%; } .lead-rail-inline-block .lead-rail-scenario-chip { flex: none; min-height: 37px; padding: 5px 3px 4px; width: 100%; } } @media (min-width: 781px) and (max-width: 1180px) and (pointer: fine) { .workspace.has-lead-rail { padding-right: 132px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) { right: 28px; } } @media (min-width: 781px) and (max-width: 980px) and (pointer: fine) { .workspace.has-lead-rail { padding-right: 22px; } } @media (max-width: 640px) { .lead-rail-inline-block { max-width: min(100%, calc(100dvw - 48px), 460px); width: min(100%, calc(100dvw - 48px), 460px); } } @media (max-width: 520px) and (pointer: coarse) { html, body { overscroll-behavior-y: auto; } .tax-fetch-panel { display: none; } .workspace.has-side-panel .lead-editor, .workspace.has-lead-rail .lead-editor, .workspace.no-side-panel .lead-editor, .workspace.filter-mode .lead-editor { max-width: min(100%, calc(100vw - 48px)); width: min(100%, calc(100vw - 48px)); } } @media (max-width: 720px) and (pointer: coarse) { .lead-rail-mobile-inline-row > td { padding-left: 0; padding-right: 0; } .lead-rail-inline-block { margin-left: 0; margin-right: 0; max-width: min(calc(100dvw - 28px), 460px); padding: 8px 0 0; transform: translateX(var(--lead-rail-scroll-offset, 0px)); width: min(calc(100dvw - 28px), 460px); } .lead-rail-table-top-block { margin-left: 0; margin-right: 0; } .lead-rail-inline-block .lead-side-rail { align-items: center; display: flex; gap: 6px; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; padding: 6px; scrollbar-width: thin; width: 100%; } .lead-rail-inline-block .lead-rail-tab { flex: 0 0 210px; grid-template-columns: 22px minmax(0,1fr) minmax(34px,max-content) 22px; grid-template-rows: 1fr; width: 210px; } .lead-rail-inline-block .lead-rail-name-btn { grid-column: 2; grid-row: 1; } .lead-rail-inline-block .lead-rail-count { grid-column: 3; grid-row: 1; margin-top: 0; } .lead-rail-inline-block .lead-rail-nav-btn { grid-row: 1; } .lead-rail-inline-block .lead-rail-nav-btn.next { grid-column: 4; } .lead-rail-inline-block .lead-rail-chip-stack { display: flex; flex: 0 0 auto; gap: 6px; min-width: max-content; overflow: visible; width: auto; } .lead-rail-inline-block .lead-rail-chip { flex: 0 0 48px; min-height: 44px; padding: 5px 4px; width: 48px; } .lead-rail-inline-block .lead-rail-context { align-items: center; display: flex; flex: 0 0 auto; gap: 5px; min-width: max-content; width: auto; } .lead-rail-inline-block .lead-rail-source-pill.source-pill { flex: 0 0 66px; max-width: 66px; min-width: 0; } .lead-rail-inline-block .lead-rail-scenario-chips { display: flex; flex: 0 0 auto; gap: 5px; width: auto; } .lead-rail-inline-block .lead-rail-scenario-chip { flex: 0 0 62px; width: 62px; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-side-rail { align-items: stretch; display: grid; gap: 6px; grid-template-columns: minmax(0,1fr); overflow: visible; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-tab { flex: none; grid-template-columns: 22px minmax(0,1fr) minmax(36px,max-content) 22px; width: 100%; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-name-btn { align-content: center; align-items: center; display: grid; height: 34px; min-height: 34px; padding: 0 8px; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-name-btn strong { align-items: center; display: flex; justify-content: center; line-height: 1; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-chip-stack { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); min-width: 0; width: 100%; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-chip { flex: none; width: 100%; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-context { display: grid; grid-template-columns: minmax(72px,.78fr) minmax(0,2.22fr); min-width: 0; width: 100%; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-source-pill.source-pill { flex: none; max-width: none; width: 100%; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-scenario-chips { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); width: 100%; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-scenario-chip { flex: none; width: 100%; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) { box-sizing: border-box; justify-self: stretch; margin-left: 0; margin-right: 0; max-width: 100%; min-width: 0; overflow: hidden; padding: 0; transform: none; width: 100%; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) .lead-side-rail { box-sizing: border-box; max-width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden; touch-action: pan-x pan-y; -webkit-overflow-scrolling: touch; width: 100%; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) :is(.lead-rail-tab, .lead-rail-chip-stack, .lead-rail-context, .lead-rail-scenario-chips) { flex-shrink: 0; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame { justify-self: stretch; max-width: 100%; min-width: 0; overflow: hidden; width: 100%; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame > .lead-editor { transform: none; } .workspace.has-lead-rail { grid-template-columns: minmax(0,1fr); padding-bottom: 82px; padding-right: 22px; } .workspace.has-lead-rail > .lead-table-region { grid-column: 1; } .workspace.has-lead-rail .expanded-row .lead-editor { transform: translateX(var(--lead-editor-scroll-offset, 0px)); transition: none; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) { align-items: center; background: color-mix(in srgb, var(--paper) 94%, var(--accent)); border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line)); border-radius: 8px; bottom: max(10px, env(safe-area-inset-bottom)); box-shadow: 0 14px 34px rgba(16,24,32,.18); display: grid; gap: 6px; grid-template-columns: minmax(112px,.92fr) minmax(0,1.6fr); justify-self: stretch; left: clamp(10px, 4vw, 18px); padding: 6px; position: fixed; right: clamp(10px, 4vw, 18px); top: auto; transform: none; width: auto; z-index: 90; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab { align-items: center; box-shadow: none; gap: 4px; grid-template-columns: 24px minmax(0,1fr) 24px; grid-template-rows: auto auto; justify-items: center; min-height: 44px; padding: 4px 5px; width: 100%; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn { grid-column: 1 / -1; grid-row: 1; justify-items: center; min-height: 34px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn strong { font-size: 13px; max-height: none; max-width: 100%; text-align: center; text-overflow: ellipsis; text-orientation: mixed; white-space: nowrap; width: 100%; writing-mode: horizontal-tb; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-count { font-size: 11px; grid-column: 2; grid-row: 2; line-height: 1; margin-top: -2px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn { grid-row: 2; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn.previous { grid-column: 1; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn.next { grid-column: 3; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn.previous::before { margin-top: 0; transform: rotate(135deg); } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn.next::before { margin-bottom: 0; transform: rotate(-45deg); } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack { display: flex; gap: 6px; min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; padding: 1px; scrollbar-width: none; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack::-webkit-scrollbar { display: none; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip { flex: 0 0 48px; min-height: 44px; padding: 5px 4px; width: 48px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip span { font-size: 7px; letter-spacing: 0; text-transform: none; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.status { align-items: center; grid-template-columns: minmax(0,1fr); grid-template-rows: 18px max-content; justify-items: center; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.status svg { align-self: end; grid-column: 1; grid-row: 1; justify-self: center; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.status span:not(.lead-rail-badge) { align-self: start; display: block; grid-column: 1; grid-row: 2; justify-self: center; text-align: center; width: 100%; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-context { display: none; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) { display: flex; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: thin; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab { flex: 0 0 210px; grid-template-columns: 22px minmax(0,1fr) minmax(34px,max-content) 22px; grid-template-rows: 1fr; width: 210px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn { grid-column: 2; grid-row: 1; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-count { grid-column: 3; grid-row: 1; margin-top: 0; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn { grid-row: 1; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn.next { grid-column: 4; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack { flex: 0 0 auto; overflow: visible; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-context { align-items: center; display: flex; flex: 0 0 auto; gap: 5px; width: auto; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-separator { display: none; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-source-pill.source-pill { flex: 0 0 66px; max-width: 66px; min-width: 0; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chips { display: flex; flex: 0 0 auto; gap: 5px; width: auto; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip { flex: 0 0 62px; width: 62px; } } @media (max-width: 640px) { .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-bonzo-label { font-size: 0; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-bonzo-label::before { display: inline; font-size: 7px; } } @media (pointer: fine) { .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-context { align-items: stretch; display: grid !important; gap: 6px; justify-items: center; min-width: 0; width: 65px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-source-pill.source-pill { flex: none; max-width: 65px; width: 65px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chips { display: grid !important; gap: 5px; width: 65px; } .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip { flex: none; width: 65px; } } @media (max-width: 520px) { .app-header { padding-left: 16px; padding-right: 16px; } .header-lead-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); } .header-lead-toolbar .lead-search-input { grid-column: 1 / 3; grid-row: 1; } .header-lead-toolbar .saved-view-select { grid-column: 1; grid-row: 2; } .header-lead-toolbar .lead-import-shortcut { grid-column: 2; grid-row: 2; } .header-lead-toolbar .quote-ready-shortcut { grid-column: 1; grid-row: 3; } .header-lead-toolbar [data-action="toggle-lead-filters"] { grid-column: 2; grid-row: 3; } .header-lead-toolbar [data-action="delete-selected-lead"] { grid-column: 1; grid-row: 4; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .lead-search-input { grid-column: 1 / 3; grid-row: 1; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .saved-view-select { grid-column: 1; grid-row: 2; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .lead-import-shortcut { grid-column: 2; grid-row: 2; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .quote-ready-shortcut { grid-column: 1; grid-row: 3; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar [data-action="toggle-lead-filters"] { grid-column: 2; grid-row: 3; } .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar [data-action="delete-selected-lead"] { grid-column: 1; grid-row: 4; } .sidebar { padding-left: 10px; padding-right: 10px; row-gap: 5px; } .sidebar-main-nav { grid-template-columns: repeat(2,minmax(0,1fr)); width: min(100%, 344px); } .sidebar-main-nav .side-link-preview-shell, .sidebar-main-nav .side-link[data-view="quotePreview"] { order: 1; } .sidebar-main-nav .side-link[data-view="leads"] { order: 2; } .sidebar-main-nav .side-link[data-view="calculators"] { order: 3; } .sidebar-main-nav .side-link[data-view="control"] { order: 4; } .sidebar-main-nav .side-link[data-view="pipeline"] { order: 5; } .sidebar-main-nav .side-link[data-view="funded"] { order: 6; } .sidebar-utility-nav { grid-auto-rows: 36px; grid-template-columns: repeat(2,minmax(0,1fr)); width: min(100%, 344px); } .sidebar .side-link { font-size: 13px; height: 36px; max-height: 36px; min-height: 36px; padding-left: 6px; padding-right: 6px; } .sidebar-support-group { min-height: 36px; } .calculator-anchor-nav { display: grid; gap: 6px; grid-template-columns: repeat(4,minmax(0,1fr)); justify-content: stretch; min-height: 0; overflow-x: hidden; scrollbar-width: none; } .calculator-anchor-nav::-webkit-scrollbar { display: none; } .calculator-anchor-nav .control-anchor-chip { font-size: 12px; justify-content: center; min-width: 0; padding-left: 5px; padding-right: 5px; width: 100%; } } @media (max-width: 640px) { .compact-rate-sheet col.alert-col { width: 4%; } .compact-rate-sheet.has-auto-lenders col.alert-col { width: 4%; } .mini-rate-row-alerts { gap: 1px; min-width: 10px; } .mini-rate-row-alert { border: 0; border-radius: 0; flex-basis: 7px; font-size: 13px; height: 22px; line-height: 1; width: 7px; } .investor-comp-head { align-items: flex-start; display: flex; flex-direction: column; } .investor-comp-head,.pricing-engine-head { min-height: 0; } .investor-config-spacer { display: none; } .investor-comp-actions { grid-template-columns: repeat(2,minmax(0,1fr)); justify-items: stretch; width: 100%; } .investor-comp-actions .btn.mini { min-width: 0; } .investor-comp-lanes { grid-template-columns: 1fr; } .investor-comp-grid { grid-template-columns: 1fr; } .auto-quote-head { flex-direction: column; } .auto-quote-fields,.auto-quote-lists,.auto-quote-chip-grid,.auto-quote-chip-grid.compact { grid-template-columns: 1fr; } .preferred-investor-grid { grid-template-columns: 1fr; } .preferred-investor-first, .preferred-comp-first, .preferred-investor-second, .preferred-comp-second { grid-column: 1; grid-row: auto; } .pricing-preset-lien-switch, .pricing-preset-matrix { gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); } .pricing-preset-lien { grid-template-columns: 1fr; padding: 8px; } .pricing-preset-lien-label { min-height: 36px; } .pricing-preset-fields { gap: 7px; grid-template-columns: 1fr; } .pricing-preset-option-line { gap: 5px; grid-template-columns: minmax(58px,.7fr) minmax(0,1fr) minmax(0,1fr); } .pricing-preset-option-line .pricing-preset-option-toggle { font-size: 10px; min-height: 32px; padding-left: 4px; padding-right: 4px; } .pricing-preset-matrix select { font-size: 11px; min-height: 32px; padding-left: 5px; padding-right: 5px; } .pricing-preset-row { display: contents; } .pricing-preset-row-label { display: none; } .pricing-preset-product-select, .pricing-preset-term-select { grid-column: auto; grid-row: auto; } .market-apor-grid { grid-template-columns: 1fr; } .market-data-card.has-chart { grid-template-columns: 1fr; } .landing-nav { align-items: flex-start; flex-direction: column; gap: 12px; } .landing-nav-brand { color: var(--ink); font-size: 29px; gap: 9px; text-shadow: none; } .landing-nav-brand img { height: 58px; width: 58px; } .landing-nav .nav-actions { width: 100%; } .landing-nav .btn { flex: 1 1 0; min-width: 0; } .landing-hero { min-height: 620px; padding: 38px 20px 58px; } .landing-hero-bg { grid-template-columns: repeat(3, 430px); padding-left: 10%; } .landing-hero-copy { min-width: 0; } .landing-hero-copy h1 { font-size: 46px; } .landing-hero-copy .lead { font-size: 18px; max-width: 100%; overflow-wrap: anywhere; } .landing-logo-band,.landing-section,.landing-cta { padding-left: 20px; padding-right: 20px; } .landing-logo-band h2,.landing-section-copy h2,.landing-cta h2 { font-size: 32px; } .landing-instant-lender-band h2 { font-size: 30px; } .landing-pricing-proof-strip,.landing-path-proof-strip { display: grid; width: 100%; } .landing-pricing-proof-strip .landing-proof-centered-wide,.landing-path-proof-strip .landing-proof-centered-wide { margin-left: 0; margin-right: 0; } .landing-lender-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .landing-lender-grid span { height: 58px; } .landing-lender-grid.showcase span { height: 60px; padding: 8px 10px; } .landing-lender-grid.showcase img { max-height: 38px; } .landing-lender-grid.showcase img.landing-logo-badge { max-height: 46px; } .landing-lender-grid.showcase img.landing-logo-loanunited { max-height: 42px; } .landing-integrations-grid { grid-template-columns: 1fr; } .landing-screenshot-card img { height: 280px; } .landing-shot-track img { height: 210px; width: 360px; } .landing-rate-grid strong,.landing-rate-detail strong { font-size: 28px; } } @media (max-width: 860px) { .borrower-quote-page { padding: 0; } .quote-preview-toolbar { border-radius: 0; top: 0; } .quote-preview-control-groups { grid-template-columns: repeat(2,minmax(0,1fr)); } .quote-preview-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); justify-content: stretch; } .quote-preview-toolbar button { padding-left: 8px; padding-right: 8px; } .borrower-secure-expiration-banner { grid-template-columns: 1fr; } .borrower-secure-expiration-banner nav { justify-content: flex-start; } .borrower-quote-content { padding: 22px 16px; } .borrower-quote-brand-row, .borrower-quote-brand-row.has-presenter { display: grid; grid-template-columns: 1fr; } .borrower-quote-brand-side { justify-items: start; justify-self: start; width: min(300px,100%); } .borrower-quote-brand-side .borrower-quote-preview-meta { justify-content: flex-start; } .borrower-quote-brand-mark { justify-items: start; justify-self: start; padding-top: 0; width: min(300px,100%); } .borrower-quote-brand-mark.has-company-logo { justify-items: center; min-height: 68px; padding: 8px 12px; width: min(280px,100%); } .borrower-quote-brand-mark .quote-logo-mask { height: 72px; width: 190px; } .borrower-quote-company-logo { max-height: 58px; max-width: min(250px,100%); object-position: center center; } .borrower-quote-lo { justify-self: start; } .borrower-quote-lo.has-media { grid-template-columns: 112px minmax(0,1fr); min-width: 0; } .borrower-quote-lo > img { height: 112px; width: 112px; } .borrower-quote-bodyshot-stage { grid-template-columns: minmax(0,1fr) minmax(118px,168px); justify-content: stretch; justify-self: stretch; min-height: 138px; } .borrower-quote-signature-card strong { font-size: 21px; } .borrower-quote-bodyshot { height: 146px; max-width: 168px; } .borrower-quote-lo-details { grid-template-columns: 1fr; } .borrower-quote-lo strong { font-size: 21px; } .borrower-quote-info-row, .borrower-quote-options, .borrower-quote-options.count-2, .borrower-quote-story-panels, .borrower-quote-actions, .borrower-quote-doc-header, .borrower-quote-doc-grid { grid-template-columns: 1fr; } .borrower-quote-doc-hint { justify-self: stretch; width: 100%; } .borrower-quote-doc-toggle { justify-content: flex-start; } .borrower-quote-lo { min-width: 0; width: 100%; } .borrower-quote-info-grid { grid-template-columns: 1fr; } .borrower-quote-hero h1 { font-size: 30px; } } .quote-stack-toggle .stack-toggle-icon, .quote-breakdown-section summary::after, .quote-breakdown-section:not([open]) summary::after, .eligibility-notes summary::after, .eligibility-notes[open] summary::after, .mini-rate-snapshot-head::after, .pricing-presets-summary::after, .editor-section-summary::after, .collapse-icon { content: none !important; display: none !important; } details.mini-pricing-lab:not([open]) .editor-section-summary { grid-template-columns: max-content auto minmax(0,1fr); } /* Pricing mini UI typography pass: default to regular weight, add emphasis only where it carries scan value. */ .mini-pricing-lab, .mini-pricing-lab button, .mini-pricing-lab input, .mini-pricing-lab select { font-weight: 400; } .mini-pricing-lab > .editor-section-summary > span:first-child, .mini-rate-snapshot-head > span, .pricing-presets-summary .pricing-presets-title, .mini-product-controls label, .mini-product-controls label span, .mini-price-option span, .mini-sheet-source span, .mini-fee-strip span, .mini-fee-itemization-row span, .compact-rate-sheet th, .compact-rate-sheet-head span, .compact-rate-sheet-title span, .mini-cockpit-detail-head span, .mini-pricing-section-shell > .quote-breakdown-section summary span, .mini-cockpit-detail-stack .quote-breakdown-section summary span, .mini-control-cluster-head span, .mini-control-stack-title > span, .mini-control-pref-field > span:not(.custom-choice-shell), .mini-control-structure-field > span, .mini-control-comp-input > span:not(.custom-choice-shell), .mini-control-option-row-label, .mini-lender-overlays-drawer label span, .mini-eligibility-drawer > summary strong, .mini-apor-notice strong { font-weight: 500 !important; letter-spacing: 0 !important; } .mini-pricing-preview-pill, .mini-formal-header-toggle, .mini-lien-toggle button, .pricing-preset-option-count, .pricing-preset-comp-preview, .pricing-preset-lender-cycle .mini-preset-auto-logo, .pricing-preset-lender-cycle .mini-preset-lender-text, .mini-control-structure-toggle, .mini-control-comp-toggle, .mini-control-option-toggle span, .mini-guide-option-token, .quote-selection-number-tab, .quote-selection-unavailable-mark, .quote-selection-unavailable-copy strong, .quote-selection-unavailable-copy em, .mini-roll-inline-toggle, .mini-roll-side-toggle { font-weight: 500 !important; } .mini-rate-snapshot-head > span:first-child { font-weight: 400 !important; letter-spacing: 0 !important; } .mini-product-controls select, .mini-static-control, .mini-product-controls .mini-product-choice-shell .custom-choice-menu strong, .mini-product-controls .mini-static-control, .mini-price-option .mini-product-choice-shell .custom-choice-menu strong, .mini-price-option .mini-static-control, .mini-control-pref-field select, .mini-control-option-row select, .mini-pref-choice-shell .custom-choice-menu strong, .mini-control-choice-shell .custom-choice-menu strong, .mini-comp-choice-shell .custom-choice-menu strong, .mini-control-pref-field .mini-pref-choice-shell .custom-choice-menu strong, .mini-rate-details span, .mini-rate-details b, .mini-rate-details em, .mini-rate-details .mini-tone-value, .mini-payment-note, .mini-fee-note, .mini-roll-cap-copy, .compact-rate-sheet .rate-link, .compact-rate-sheet tbody .rate-link, .mini-rate-value, .mini-pts-value, .mini-cost-value, .mini-cost-dollar-value, .mini-payment-value, .mini-points-credit-stack b, .mini-points-credit-stack em, .mini-cockpit-detail-head small, .mini-cockpit-detail-stack .mini-pricing-addons-drawer summary .mini-addons-summary-value em, .mini-pricing-warning { font-weight: 400 !important; } .mini-product-choice-shell .quick-choice-options button, .mini-product-choice-shell .quick-choice-options button.active { color: var(--ink) !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; } .mini-price-option strong, .mini-product-friendly, .mini-price-option .mini-product-headline, .mini-price-option .mini-program-code, .mini-fee-strip strong, .mini-fee-itemization-row strong, .mini-fee-itemization-row input, .mini-editable-loan-tile input, .mini-lpc-comp, .mini-lpc-comp .mini-comp-label, .mini-lpc-comp strong, .mini-lpc-comp b, .mini-summary-comp .mini-comp-percent-input, .mini-second-lpc-comp strong, .mini-second-lpc-comp b, .mini-summary-comp strong, .mini-summary-comp b, .mini-pricing-section-shell > .quote-breakdown-section summary strong, .mini-cockpit-detail-stack .quote-breakdown-section summary strong, .mini-eligibility-drawer > summary strong { font-weight: 500 !important; } .mini-pricing-addons-drawer .eligibility-addon-list span { font-weight: 600 !important; letter-spacing: .02em !important; } .mini-pricing-addons-drawer .eligibility-addon-list span em, .mini-pricing-addons-drawer .eligibility-addon-list small, .mini-pricing-addons-drawer .eligibility-addon-list strong, .mini-pricing-addons-drawer .eligibility-addon-row.is-sum-row strong { font-weight: 400 !important; } .mini-pricing-addons-drawer .eligibility-addon-row.is-base-row span, .mini-pricing-addons-drawer .eligibility-addon-row.is-net-row span, .mini-pricing-addons-drawer .eligibility-addon-row.is-sum-row span, .mini-pricing-addons-drawer .eligibility-addon-row.is-base-row strong, .mini-pricing-addons-drawer .eligibility-addon-row.is-net-row strong { font-weight: 600 !important; } .mini-eligibility-drawer .eligibility-snapshot-head h3, .mini-eligibility-drawer .eligibility-card strong, .mini-eligibility-drawer .eligibility-subhead span, .mini-eligibility-drawer .guideline-chip span, .mini-eligibility-drawer .eligibility-matrix .matrix-head, .mini-eligibility-drawer .eligibility-matrix .matrix-axis { font-weight: 500 !important; letter-spacing: 0 !important; } .mini-eligibility-drawer summary strong, .mini-eligibility-drawer .eligibility-legend b, .mini-eligibility-drawer .eligibility-legend em, .mini-eligibility-drawer .guideline-chip strong, .mini-eligibility-drawer .eligibility-card span, .mini-eligibility-drawer .eligibility-matrix .matrix-cell, .mini-eligibility-drawer .eligibility-matrix .matrix-cell span, .mini-eligibility-drawer .eligibility-subhead strong, .mini-eligibility-drawer .eligibility-notes ul { font-weight: 400 !important; } .mini-eligibility-drawer .eligibility-snapshot-head h3 { font-size: 15px; } .mini-eligibility-drawer .guideline-chip.compact span, .mini-eligibility-drawer .eligibility-matrix .matrix-head, .mini-eligibility-drawer .eligibility-matrix .matrix-axis, .mini-eligibility-drawer .eligibility-matrix .matrix-cell, .mini-eligibility-drawer .eligibility-matrix .matrix-cell span { font-size: 9px; } .mini-eligibility-drawer .guideline-chip.compact strong { font-size: 12px; } /* Label theme: section tabs and form labels use the Borrower-style semi-bold weight. */ .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, .mini-rate-snapshot-head > span:first-child, .control-framed-label, .editor-contact .editor-section-body label, .editor-property .editor-section-body label, .lead-scenario-fields .lead-scenario-body label { font-weight: 600 !important; } /* Collapsed window typography: label tabs carry the weight; values stay regular. */ .lead-editor-grid .lead-top-collapsible-card:not([open]) > .editor-section-summary > span:first-child, .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-status-card:not([open]) > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card:not([open]) > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card:not([open]) > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card:not([open]) > .editor-section-summary > span:first-child, .control-collapsible-section:not([open]) .control-framed-label, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer:not([open]) .pricing-presets-title { font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; } .lead-editor-grid .lead-top-collapsible-card:not([open]) .lead-summary-middle, .lead-editor-grid .lead-top-collapsible-card:not([open]) .workflow-phone-pill, .lead-editor-grid .lead-top-collapsible-card:not([open]) .workflow-source-pill, .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-select, .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-address-input, .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-county-input, .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-fact, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact > strong, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact > input, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-select, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-occupancy-summary-select, .lead-editor-grid .notes-log-lane .notes-box:not([open]) .lead-editor-notes-preview, .lead-editor-grid .update-log-box:not([open]) .lead-panel-log-preview, .selected-lead-panel .lead-panel-status-card:not([open]) .lead-panel-status-pill, .selected-lead-panel .lead-panel-notes-card:not([open]) .lead-panel-notes-pill, .selected-lead-panel .lead-panel-notes-card:not([open]) .lead-panel-notes-preview, .selected-lead-panel .lead-panel-log-card:not([open]) .lead-panel-log-preview, .control-collapsible-section:not([open]) > .control-collapsible-summary p, .control-collapsible-section:not([open]) > .control-collapsible-summary small, .control-collapsible-section:not([open]) > .control-collapsible-summary strong, .control-collapsible-section:not([open]) > .control-collapsible-summary b, .mini-rate-snapshot-frame:not([open]) .mini-collapsed-snapshot, .mini-rate-snapshot-frame:not([open]) .mini-collapsed-snapshot b, .mini-rate-snapshot-frame:not([open]) .mini-collapsed-snapshot small { font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; } .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-fact > span, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact > span { font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; } /* Collapsed quote summary palette: calm labels, quiet tabs, sharp quote-defining values. */ .lead-editor-grid .lead-top-collapsible-card:not([open]) > .editor-section-summary > span:first-child, .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child { background: color-mix(in srgb, var(--paper) 94%, #fff); border-color: var(--label-tab-border); box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 82%, transparent); color: #071523; } .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-fact, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact { border-color: var(--label-tab-border); } .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-fact > span, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact:not(.is-missing) > span { background: var(--label-tab-hover-bg); border-right-color: var(--label-tab-border); color: #000; font-size: 11px !important; font-weight: 500 !important; } .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-select, .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-select, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong { color: #071523; font-size: 14px !important; font-weight: 500 !important; } @media (max-width: 520px) { .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap { grid-template-columns: minmax(0,1fr); } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap > span { font-size: 8px !important; padding-left: 2px; padding-right: 2px; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary { gap: 2px; grid-template-columns: minmax(0,1fr) 6px; padding-left: 2px; padding-right: 2px; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong { font-size: 11px !important; } } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap:focus-within { border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); outline: 0; } /* Selected lead pane type scale: larger regular text, semi-bold labels, larger thin icons. */ .selected-lead-panel { font-size: 14px; } .selected-lead-panel .selected-lead-contact { font-size: 14px; line-height: 1.28; } .selected-lead-panel .selected-lead-name-row .name-link { font-weight: 650 !important; } .selected-lead-panel .lead-panel-collapse-btn { height: 28px; width: 28px; } .selected-lead-panel .lead-panel-collapse-btn svg { height: 22px; stroke-width: 1.9; width: 22px; } .selected-lead-panel .lead-pane-source-pill.source-pill { font-size: 14px; font-weight: 500 !important; min-height: 32px; padding: 8px 12px; } .selected-lead-panel .selected-lead-nav span { font-size: 15px; } .selected-lead-panel .lead-nav-btn { height: 28px; width: 26px; } .selected-lead-panel .lead-nav-btn svg { height: 24px; stroke-width: 1.9; width: 24px; } .selected-lead-panel .quick-detail > span, .selected-lead-panel .quick-choice-menu strong { color: #101820; font-size: 13px; font-weight: 600 !important; line-height: 1.12; } .selected-lead-panel .quick-choice-value-stack span, .selected-lead-panel .quick-detail input, .selected-lead-panel .quick-detail select { color: #071523; font-size: 14px; font-weight: 400 !important; line-height: 1.18; } .selected-lead-panel .quick-choice-menu summary { min-height: 43px; padding: 6px 9px; } .selected-lead-panel .quick-choice-menu summary::after { height: 8px; width: 8px; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child { font-size: 15px; font-weight: 600 !important; min-height: 36px; padding: 9px 13px 9px 11px; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child::before { height: 20px; } .selected-lead-panel .lead-panel-status-pill, .selected-lead-panel .lead-panel-status-pill span { font-size: 12.5px; font-weight: 400 !important; } .selected-lead-panel .lead-panel-status-pill { min-height: 34px; } .selected-lead-panel .lead-panel-control-icon { min-height: 49px; padding: 6px 4px; } .selected-lead-panel .lead-panel-control-icon svg { height: 19px; stroke-width: 1.9; width: 19px; } .selected-lead-panel .lead-panel-control-icon small { font-size: 9.5px; font-weight: 500 !important; letter-spacing: 0; } .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon { min-height: 58px; } .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon svg { height: 21px; width: 21px; } .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon small, .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon:is(.bonzo,.quote) small { font-size: 10.5px; font-weight: 500 !important; } .selected-lead-panel .lead-panel-control-icon.bonzo .bonzo-mark { height: 21px; width: 21px; } .selected-lead-panel .lead-panel-control-icon.bonzo .bonzo-mark img { height: 16px; width: 16px; } .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon.bonzo .bonzo-mark { height: 24px; width: 24px; } .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon.bonzo .bonzo-mark img { height: 19px; width: 19px; } .selected-lead-panel .lead-notes-appointment-pill { font-size: 12.5px; font-weight: 400 !important; min-height: 34px; padding: 7px 12px; } .selected-lead-panel .lead-panel-notes-card .editor-section-summary small.lead-panel-notes-preview, .selected-lead-panel .lead-panel-log-card .editor-section-summary small.lead-panel-log-preview { font-size: 13px; min-height: 36px; } /* Selected lead pane theme lock: neutral structure, black tab text, intentional action colors left intact. */ .selected-lead-panel, .lead-inline-detail-stack .lead-editor-grid { --lead-pane-tab-bg: var(--project-label-fill, var(--label-tab-bg, #fff)); --lead-pane-tab-border: #d5dde7; --lead-pane-neutral-fill: #f8f8f8; --lead-pane-neutral-fill-strong: #eeeeee; --lead-pane-neutral-border: #d5d5d5; --lead-pane-text: #071523; --lead-pane-red-fill: #fff3f4; --lead-pane-red-border: #e3a6ad; } .selected-lead-panel .quick-detail, .selected-lead-panel .quick-detail.scenario-ltv-safe, .selected-lead-panel .quick-detail.scenario-fico-safe, .selected-lead-panel .quick-detail.scenario-ltv-caution, .selected-lead-panel .quick-detail.scenario-fico-caution, .selected-lead-panel .quick-detail.scenario-ltv-alert, .selected-lead-panel .quick-detail.scenario-fico-alert { background: var(--lead-pane-neutral-fill); border: 1px solid var(--lead-pane-neutral-border); border-radius: 7px; } .selected-lead-panel .quick-choice-menu summary, .selected-lead-panel .quick-detail input, .selected-lead-panel .quick-detail select { background: transparent; border-color: transparent; color: var(--lead-pane-text); } .selected-lead-panel .quick-detail > span, .selected-lead-panel .quick-choice-menu strong, .selected-lead-panel .quick-choice-value-stack span, .selected-lead-panel .quick-detail input, .selected-lead-panel .quick-detail select { color: var(--lead-pane-text) !important; } .selected-lead-panel .quick-detail > span, .lead-inline-detail-stack .lead-editor-grid .property-summary-fact > span, .lead-inline-detail-stack .lead-editor-grid .scenario-collapsed-fact > span { font-size: 13px !important; font-weight: 600 !important; } .selected-lead-panel .quick-choice-menu strong, .selected-lead-panel .quick-choice-value-stack span, .selected-lead-panel .quick-detail input, .selected-lead-panel .quick-detail select { font-size: 14.5px; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child { background: var(--lead-pane-tab-bg) !important; border-color: var(--lead-pane-tab-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82); color: var(--lead-pane-text) !important; font-size: 15px !important; font-weight: 650 !important; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-status-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:focus > span:first-child, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary:hover > span:first-child, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary:focus > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-head:hover > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-head:focus > span:first-child { background: var(--lead-pane-tab-bg) !important; border-color: color-mix(in srgb, var(--lead-pane-text) 20%, var(--lead-pane-tab-border)) !important; color: var(--lead-pane-text) !important; } /* Selected lead navigator tag: white shell, blue arrows retained. */ .selected-lead-panel .selected-lead-head, .selected-lead-panel .selected-lead-topline { background: #fff !important; } .selected-lead-panel .selected-lead-nav { background: #fff !important; border-color: color-mix(in srgb, var(--accent) 24%, var(--line)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important; } .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab { background: #fff !important; border-color: color-mix(in srgb, var(--accent) 24%, var(--line)) !important; } .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab:hover { background: #fff !important; border-color: color-mix(in srgb, var(--accent) 44%, var(--line)) !important; } .selected-lead-panel .lead-nav-btn, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn { color: var(--accent) !important; } .selected-lead-panel .lead-panel-notes-card .editor-section-summary small.lead-panel-notes-preview, .selected-lead-panel .lead-panel-log-card .editor-section-summary small.lead-panel-log-preview, .selected-lead-panel .lead-panel-control-icon:not(.bonzo):not(.quote), .lead-inline-detail-stack .lead-editor-grid .property-summary-fact, .lead-inline-detail-stack .lead-editor-grid .scenario-collapsed-fact, .lead-inline-detail-stack .mini-rate-snapshot-frame, .lead-inline-detail-stack .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-pricing-preview-pill, .lead-inline-detail-stack .mini-formal-header-toggle { background: var(--lead-pane-neutral-fill) !important; border-color: var(--lead-pane-neutral-border) !important; box-shadow: none !important; color: var(--lead-pane-text) !important; } .lead-inline-detail-stack .mini-formal-header-toggle.is-on { background: color-mix(in srgb, var(--accent) 12%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 72%, var(--line)) !important; box-shadow: inset 0 -3px 0 color-mix(in srgb, var(--accent) 78%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 44%, transparent) !important; color: color-mix(in srgb, var(--ink) 86%, var(--accent)) !important; } .selected-lead-panel .lead-panel-control-icon:not(.bonzo):not(.quote):hover, .selected-lead-panel .lead-panel-control-icon:not(.bonzo):not(.quote):focus { background: #fff !important; border-color: color-mix(in srgb, var(--lead-pane-text) 20%, var(--lead-pane-neutral-border)) !important; color: var(--lead-pane-text) !important; } .selected-lead-panel .lead-panel-controls-body { border-top-color: var(--lead-pane-neutral-border); } .selected-lead-panel .lead-notes-appointment-pill { background: var(--lead-pane-neutral-fill) !important; border-color: var(--lead-pane-neutral-border) !important; color: var(--lead-pane-text) !important; } .lead-inline-detail-stack .lead-editor-grid .property-summary-fact > span, .lead-inline-detail-stack .lead-editor-grid .scenario-collapsed-fact > span { background: var(--lead-pane-neutral-fill-strong) !important; border-right-color: var(--lead-pane-neutral-border) !important; color: var(--lead-pane-text) !important; } .lead-inline-detail-stack .lead-editor-grid .scenario-collapsed-fact.is-missing { background: #fff !important; border-color: var(--lead-pane-red-border) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 16%, transparent) !important; } .lead-inline-detail-stack .lead-editor-grid .scenario-collapsed-fact.is-missing > span { background: var(--lead-pane-red-fill) !important; border-right-color: var(--lead-pane-red-border) !important; color: var(--lead-pane-text) !important; } .lead-inline-detail-stack .lead-editor-grid .scenario-collapsed-fact > strong, .lead-inline-detail-stack .lead-editor-grid .scenario-collapsed-fact > input, .lead-inline-detail-stack .lead-editor-grid .property-summary-address-input, .lead-inline-detail-stack .lead-editor-grid .property-summary-county-input, .lead-inline-detail-stack .lead-editor-grid .property-summary-type-choice-shell .custom-choice-menu strong, .lead-inline-detail-stack .lead-editor-grid .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong { color: var(--lead-pane-text) !important; font-size: 14px !important; } .lead-inline-detail-stack .lead-editor-grid .scenario-purpose-summary-wrap { background: var(--lead-pane-neutral-fill) !important; border-color: var(--lead-pane-neutral-border) !important; } .lead-inline-detail-stack .lead-editor-grid .scenario-purpose-summary-wrap > span { background: var(--lead-pane-neutral-fill-strong) !important; border-right-color: var(--lead-pane-neutral-border) !important; color: var(--lead-pane-text) !important; } .lead-inline-detail-stack .lead-editor-grid .property-summary-type-choice-shell.is-zillow-updated .custom-choice-menu summary, .lead-inline-detail-stack .lead-editor-grid .property-summary-type-select.is-zillow-updated { box-shadow: none !important; } .lead-inline-detail-stack .mini-collapsed-option-chip, .lead-inline-detail-stack .mini-collapsed-option-chip .lender-brand.chip { background: transparent !important; border-color: var(--lead-pane-neutral-border) !important; box-shadow: none !important; } .lead-inline-detail-stack .mini-collapsed-option-chip { background: #fff !important; } /* Collapsed Property / Purpose choice fit: compact value boxes, cleaner text centering. */ .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary { --property-zillow-slot-width: clamp(124px, 30%, 136px); grid-template-columns: max-content minmax(128px,.82fr) var(--property-zillow-slot-width); } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary > [data-property-summary-toggle] { top: 0 !important; transform: none !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap { justify-self: start; max-width: 100%; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap { width: min(100%, 220px); } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap { width: min(100%, 210px); } .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-select, .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-select, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong { line-height: 1.22 !important; } .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary { align-items: center; } .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-choice-shell .quick-choice-options, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .quick-choice-options { left: 0; min-width: min(178px, 100%); right: auto; width: max-content; } @container (max-width: 380px) { .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary { grid-template-columns: max-content minmax(0,1fr); } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap { justify-self: stretch; width: 100%; } .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-choice-shell .quick-choice-options, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .quick-choice-options { width: 100%; } } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap { background: #fff !important; border-color: color-mix(in srgb, var(--lead-pane-neutral-border) 82%, #fff) !important; grid-template-columns: minmax(0,1fr); } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap > span:first-child, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap > span:first-child { display: none !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary { background: transparent !important; grid-template-columns: minmax(0,1fr) 9px; min-height: calc(var(--lead-card-header-pill-height) - 2px); padding-left: 10px; padding-right: 8px; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong { font-size: 13px !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center; } /* Skinny inline Loan Scenario contract: stable anchors, no gaps when P/B fields appear/disappear. */ .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body { grid-auto-flow: row !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-top-right-spacer { display: none !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico { grid-column: 2 !important; grid-row: 1 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-occupancy { grid-column: 1 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-purpose { grid-column: 2 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-down-payment { grid-column: 1 !important; grid-row: 3 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose { grid-row: 4 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-second-loan { grid-column: 2 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-down-payment { grid-column: 1 !important; grid-row: 3 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose { grid-row: 4 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .scenario-field-ratio-pair { display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); min-width: 0; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .scenario-field-ratio-pair label { margin-bottom: 0; min-width: 0; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-occupancy, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-purpose { grid-row: 3 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-second-balance { grid-column: 1 !important; grid-row: 3 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-cash-out { grid-column: 1 !important; grid-row: 4 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .rate-term-second-toggle-row { grid-column: 1 / -1 !important; grid-row: 5 !important; margin-bottom: 0; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-occupancy, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-purpose { grid-row: 5 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-occupancy, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-purpose { grid-row: 6 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .rate-term-second-toggle-row { grid-column: 1 !important; grid-row: 4 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-cash-out { grid-column: 1 !important; grid-row: 5 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-occupancy, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-purpose { grid-row: 6 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 3 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:is(.is-cash-out-scenario,.is-home-equity-scenario):has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 1 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 1 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-current-rate { grid-column: 1 !important; grid-row: 3 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-occupancy, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.is-cash-out-scenario.has-cash-out-second-balance > .scenario-field-purpose { grid-row: 5 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv { grid-column: 1 / -1 !important; grid-row: 4 !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(.has-second-lien-treatment) > .scenario-field-occupancy, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(.has-second-lien-treatment) > .scenario-field-purpose { grid-row: 5 !important; } @container (max-width: 430px) { .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] { min-width: 0; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body { gap: 8px !important; grid-template-columns: minmax(0,1fr) !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > *, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > label, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .rate-term-second-toggle-row { grid-column: 1 / -1 !important; grid-row: auto !important; min-width: 0; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-top-right-spacer { display: none !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body input, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body select, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body .custom-choice-shell, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body .custom-choice-menu, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body .quick-choice-options { max-width: 100%; min-width: 0; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row { grid-template-columns: repeat(2,minmax(0,1fr)); } } @container (max-width: 340px) { .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row { grid-template-columns: minmax(0,1fr); } } .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body { gap: 8px !important; grid-template-columns: minmax(0,1fr) !important; } .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > *, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > .rate-term-second-toggle-row { grid-column: 1 / -1 !important; grid-row: auto !important; min-width: 0; } .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > .scenario-top-right-spacer { display: none !important; } .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body input, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body select, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body .custom-choice-shell, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body .custom-choice-menu, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body .quick-choice-options { max-width: 100%; min-width: 0; } .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row { grid-template-columns: repeat(2,minmax(0,1fr)); } @container (max-width: 340px) { .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row { grid-template-columns: minmax(0,1fr); } } .selected-lead-panel .lead-notes-appointment-pill { background: #e8f7f0 !important; border-color: color-mix(in srgb, #0f6140 18%, var(--line)) !important; color: var(--lead-pane-text, var(--ink)) !important; } .selected-lead-panel .lead-notes-appointment-pill:hover, .selected-lead-panel .lead-notes-appointment-pill:focus { background: color-mix(in srgb, #e8f7f0 82%, #fff) !important; border-color: color-mix(in srgb, #0f6140 32%, var(--line)) !important; } @container (max-width: 380px) { .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary { --property-zillow-slot-width: clamp(112px, 34%, 126px); grid-template-columns: max-content minmax(62px,1fr) var(--property-zillow-slot-width); row-gap: 8px; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap { grid-column: 2; grid-row: 1; justify-self: stretch; min-width: 0; width: 100%; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-links { grid-column: 3; grid-row: 1; justify-self: stretch; max-width: var(--property-zillow-slot-width); min-width: 0; width: 100%; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-location { grid-column: 1 / -1; grid-row: 2; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .lead-card-drag-handle { display: none !important; } } .selected-lead-panel .quick-detail.scenario-ltv-safe, .selected-lead-panel .quick-detail.scenario-fico-safe, .selected-lead-panel .quick-detail.scenario-ltv-caution, .selected-lead-panel .quick-detail.scenario-fico-caution, .selected-lead-panel .quick-detail.scenario-ltv-alert, .selected-lead-panel .quick-detail.scenario-fico-alert { background: var(--lead-pane-neutral-fill) !important; border-color: var(--lead-pane-neutral-border) !important; } /* Selected lead pane tab normalization: consistent height, weight, and black label type. */ .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child, .lead-inline-detail-stack .pricing-presets-summary .pricing-presets-title { align-items: center !important; box-sizing: border-box; color: #071523 !important; display: inline-flex !important; font-size: 14px !important; font-weight: 600 !important; height: 38px !important; justify-content: center; line-height: 1 !important; min-height: 38px !important; padding: 0 12px 0 10px !important; text-transform: none !important; white-space: nowrap; } .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child::before { height: 20px !important; } .lead-inline-detail-stack .pricing-presets-summary .pricing-presets-title { width: auto !important; } .lead-inline-detail-stack .mini-collapsed-option-chips .lender-logo-stack, .lead-inline-detail-stack .mini-collapsed-option-chip .lender-logo-stack { background: transparent !important; } .quote-selection-label { font-weight: 500 !important; } .quote-selection-label strong, .quote-selection-label span, .quote-selection-label small, .quote-selection-label em { font-weight: 500 !important; } /* UI thread label fill: one white tab style across editor, side-panel, and pricing labels. */ .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .mini-rate-snapshot-head > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor .pipeline-editor-card > .editor-section-summary > span:first-child, .admin-tab-section > summary > span:first-child, .admin-inline-tab-section > summary > span:first-child, .control-framed-label { background: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: none !important; color: #071523 !important; } .lead-editor-grid .editor-section > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary > span:first-child::before, .mini-rate-snapshot-head > span:first-child::before, .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child::before, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child::before, .pipeline-editor .pipeline-editor-card > .editor-section-summary > span:first-child::before, .admin-tab-section > summary > span:first-child::before, .admin-inline-tab-section > summary > span:first-child::before, .control-framed-label::before { background: var(--label-tab-accent) !important; flex-basis: var(--section-label-accent-width) !important; width: var(--section-label-accent-width) !important; } .lead-editor-grid .editor-section > .editor-section-summary:hover > span:first-child, .lead-editor-grid .editor-section > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-status-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-status-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:focus > span:first-child, .mini-rate-snapshot-head:hover > span:first-child, .mini-rate-snapshot-head:focus > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:hover > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:focus > span:first-child, .admin-tab-section > summary:hover > span:first-child, .admin-tab-section > summary:focus > span:first-child, .admin-inline-tab-section > summary:hover > span:first-child, .admin-inline-tab-section > summary:focus > span:first-child, .control-collapsible-summary:hover .control-framed-label, .control-collapsible-summary:focus .control-framed-label { background: var(--label-tab-hover-bg) !important; border-color: transparent !important; } .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-fact > span, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact:not(.is-missing) > span, .lead-inline-detail-stack .lead-editor-grid .property-summary-fact > span, .lead-inline-detail-stack .lead-editor-grid .scenario-collapsed-fact:not(.is-missing) > span { background: var(--label-tab-hover-bg) !important; border-right-color: var(--label-tab-border) !important; color: #000 !important; font-size: 11px !important; font-weight: 500 !important; } html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.is-missing > span, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.is-missing > span { color: #071523 !important; font-weight: 650 !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap { grid-template-columns: minmax(0,1fr) !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap > .scenario-purpose-summary-choice-shell, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap > .scenario-purpose-summary-choice-shell { grid-column: 1 / -1 !important; align-self: stretch !important; background: transparent !important; border: 0 !important; border-right: 0 !important; box-shadow: none !important; color: inherit !important; display: block !important; height: 100% !important; min-width: 0 !important; outline: 0 !important; overflow: visible !important; padding: 0 !important; width: 100% !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .quick-choice-options button, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .quick-choice-options button.active, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .quick-choice-options button, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .quick-choice-options button.active { font-weight: 400 !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap { container-type: inline-size; grid-template-columns: minmax(0,1fr) !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap > .property-summary-type-choice-shell, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap > .property-summary-type-choice-shell { grid-column: 1 / -1 !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options button, .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options button.active, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options button, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options button.active { font-weight: 400 !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact { grid-template-columns: 68px minmax(0,1fr) !important; } .property-summary-type-choice-shell .property-type-label-full, .property-summary-type-choice-shell .property-type-label-short { font-weight: 400 !important; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .property-summary-type-choice-shell .property-type-label-short { display: none; } @container (max-width: 118px) { .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .property-type-label-full { display: none; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .property-type-label-short { display: inline; } } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions .va-eligibility-toggle, .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions .va-eligibility-toggle { background: var(--paper) !important; border-color: var(--line) !important; border-radius: 9px !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent) !important; color: var(--ink) !important; height: calc(var(--lead-card-header-pill-height) - 2px) !important; min-height: calc(var(--lead-card-header-pill-height) - 2px) !important; min-width: 52px !important; padding: 0 13px 1px !important; width: 52px !important; } .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle .va-logo-mark, .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle .va-logo-mark { font-size: 14px !important; font-weight: 800 !important; letter-spacing: 0 !important; } .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle.active, .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle.active { background: var(--va-active-bg) !important; border-color: var(--va-active-border) !important; box-shadow: 0 1px 5px color-mix(in srgb, var(--va-active-bg) 34%, transparent) !important; color: #fff !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap, .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap { background: transparent !important; border-color: transparent !important; box-shadow: none !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary, .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary { background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: 6px !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent) !important; color: var(--ink) !important; display: grid !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell, .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell { background: transparent !important; display: block !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary::after, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary::after, .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary::after, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary::after { content: "" !important; display: block !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong, .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong { color: #071523 !important; display: block !important; font-weight: 600 !important; visibility: visible !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-select, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-select, .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-select, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-select, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .quick-choice-options button, .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options button, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .quick-choice-options button, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options button, .property-summary-type-choice-shell .property-type-label-full, .property-summary-type-choice-shell .property-type-label-short { font-weight: 600 !important; } .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle .va-logo-mark, .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle .va-logo-mark { font-weight: 600 !important; } .lead-scenario-fields[open] .lead-scenario-body > label, .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label { color: color-mix(in srgb, #000 72%, var(--window-bg)) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0 !important; } .lead-top-collapsible-card.editor-property[open] .editor-section-body label, .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body label, .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .editor-section-body label { color: color-mix(in srgb, #000 72%, var(--window-bg)) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0 !important; } .lead-scenario-fields[open] .lead-scenario-body > label input, .lead-scenario-fields[open] .lead-scenario-body > label select, .lead-scenario-fields[open] .lead-scenario-body > label .custom-choice-menu strong, .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label input, .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label select, .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label .custom-choice-menu strong, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label input, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label select, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label .custom-choice-menu strong { color: #071523 !important; } .lead-top-collapsible-card.editor-property[open] .editor-section-body input, .lead-top-collapsible-card.editor-property[open] .editor-section-body select, .lead-top-collapsible-card.editor-property[open] .editor-section-body .custom-choice-menu strong, .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body input, .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body select, .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body .custom-choice-menu strong, .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .editor-section-body input, .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .editor-section-body select, .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .editor-section-body .custom-choice-menu strong { color: #071523 !important; font-weight: 400 !important; } .lead-top-collapsible-card.editor-property[open] .county-field input[readonly], .lead-top-collapsible-card.editor-property[open] .county-field.zillow-updated-field input[readonly]:not(:focus), .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .county-field input[readonly], .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .county-field.zillow-updated-field input[readonly]:not(:focus), .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .county-field input[readonly], .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .county-field.zillow-updated-field input[readonly]:not(:focus) { background: color-mix(in srgb, var(--window-bg) 78%, var(--paper)) !important; border-color: color-mix(in srgb, var(--window-border) 94%, var(--line)) !important; box-shadow: none !important; color: #071523 !important; font-weight: 400 !important; } .quote-selection-tab.is-selected .quote-selection-label, .quote-selection-tab.is-selected .quote-selection-label strong, .quote-selection-tab.is-selected .quote-selection-label span, .quote-selection-tab.is-selected .quote-selection-label small, .quote-selection-tab.is-selected .quote-selection-label em { font-weight: 600 !important; } .mini-guide-pill span, .mini-guide-pill strong { font-weight: 500 !important; } .mini-guide-pill.is-active span, .mini-guide-pill.is-active strong, .mini-guide-pill-shell:not(.is-excluded) .mini-guide-pill span, .mini-guide-pill-shell:not(.is-excluded) .mini-guide-pill strong { font-weight: 600 !important; } .mini-price-logo .mini-rate-sheet-text { color: var(--muted); font-size: 10px; font-weight: 500; letter-spacing: 0; text-transform: none; } .mini-price-logo .lender-brand.mini-banner { min-height: 28px; } .mini-price-logo .lender-brand.mini-banner .lender-logo { height: 26px; max-width: 126px; } .mini-price-logo .lender-brand.mini-banner .lender-logo-fallback { font-weight: 500; } .mini-pricing-lab .lender-logo-union-chip, .mini-pricing-lab .lender-logo-union-chip b { font-weight: 600 !important; } /* Desktop skinny lead pane polish: align compact tabs and calm expanded Controls buttons. */ .workspace.has-desktop-inline-detail-lock .lead-inline-detail-block { padding-bottom: 8px !important; padding-top: 8px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack { gap: 8px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor { padding-bottom: 5px !important; padding-top: 4px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid { gap: 9px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .editor-section { padding-top: 11px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) { padding-bottom: 7px !important; padding-top: 7px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head { align-items: center !important; flex-wrap: nowrap !important; min-height: 38px !important; row-gap: 0 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-snapshot-head-actions { align-self: center !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-top-collapsible-card.editor-property:not([open]) > .property-summary > [data-property-summary-toggle] { top: 0 !important; transform: none !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child { flex: 0 0 auto !important; justify-content: flex-start !important; max-width: max-content !important; width: auto !important; } /* Inline collapsed mortgage headers: remove the abandoned second action row. */ .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) { gap: 0 !important; padding-bottom: 6px !important; padding-top: 6px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head { align-items: center !important; flex-wrap: nowrap !important; min-height: 36px !important; row-gap: 0 !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions { flex-wrap: nowrap !important; gap: 7px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-snapshot-head-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .piggyback-bubble.is-compact { align-self: center !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips { margin-right: 0 !important; max-width: max-content !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-head-actions { display: inline-flex !important; flex: 0 0 auto !important; gap: 0 !important; grid-template-columns: none !important; justify-content: flex-end !important; margin-left: auto !important; min-width: 0 !important; order: 3 !important; width: auto !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { flex: 0 0 62px !important; margin-left: auto !important; order: 3 !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .piggyback-bubble.is-compact { flex: 0 0 48px !important; margin-left: auto !important; order: 3 !important; } .mini-rate-snapshot-frame:not([open]), .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) { background: var(--window-bg) !important; border-color: var(--window-border) !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on), .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on), .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on), .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on) { background: var(--paper) !important; border-color: var(--line) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent) !important; color: var(--ink) !important; font-weight: 650 !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not(:disabled):hover, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not(:disabled):focus, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not(:disabled):hover, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not(:disabled):focus { background: var(--paper) !important; border-color: color-mix(in srgb, var(--accent) 50%, var(--line)) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 72%, transparent), 0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent) !important; outline: 0 !important; transform: translateY(-1px); } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-safe, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-safe, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-safe, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-safe { background: var(--paper) !important; border-color: var(--line) !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-safe > input, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-safe > strong, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-safe > input, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-safe > strong, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-safe > input, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-safe > strong, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-safe > input, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-safe > strong { background: color-mix(in srgb, var(--green) 8%, var(--paper)) !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-caution, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-caution, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-caution, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-caution { background: var(--paper) !important; border-color: var(--line) !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-caution > input, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-caution > strong, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-caution > input, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-caution > strong, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-caution > input, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-caution > strong, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-caution > input, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-caution > strong { background: color-mix(in srgb, var(--brand-gold) 12%, var(--paper)) !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-alert, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-alert, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-alert, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-alert { background: var(--paper) !important; border-color: var(--line) !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-alert > input, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-alert > strong, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-alert > input, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-alert > strong, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-alert > input, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-ltv-alert > strong, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-alert > input, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.scenario-fico-alert > strong { background: color-mix(in srgb, var(--red) 8%, var(--paper)) !important; } /* Expanded lead pane quick-detail tiles: match Loan Scenario label/value typography. */ .selected-lead-panel .detail-grid .quick-detail:not(.scenario-ltv-safe):not(.scenario-fico-safe):not(.scenario-ltv-caution):not(.scenario-fico-caution):not(.scenario-ltv-alert):not(.scenario-fico-alert) { background: var(--window-bg) !important; border-color: var(--window-border) !important; } .selected-lead-panel .detail-grid .quick-detail > span { color: color-mix(in srgb, #000 72%, var(--window-bg)) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.12 !important; } .selected-lead-panel .detail-grid .quick-detail input, .selected-lead-panel .detail-grid .quick-detail select, .selected-lead-panel .detail-grid .quick-detail .quick-choice-menu strong, .selected-lead-panel .detail-grid .quick-detail .quick-choice-value-stack span { color: #071523 !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.18 !important; } /* Expanded selected-lead pane: white editable boxes with tone only on the value box. */ .selected-lead-panel .detail-grid .quick-detail, .selected-lead-panel .detail-grid .quick-detail.scenario-ltv-safe, .selected-lead-panel .detail-grid .quick-detail.scenario-fico-safe, .selected-lead-panel .detail-grid .quick-detail.scenario-ltv-caution, .selected-lead-panel .detail-grid .quick-detail.scenario-fico-caution, .selected-lead-panel .detail-grid .quick-detail.scenario-ltv-alert, .selected-lead-panel .detail-grid .quick-detail.scenario-fico-alert { background: var(--lead-pane-neutral-fill) !important; border-color: var(--lead-pane-neutral-border) !important; } .selected-lead-panel .detail-grid .quick-detail > span { font-size: 13px !important; } .selected-lead-panel .detail-grid .quick-choice-menu summary, .selected-lead-panel .detail-grid .quick-detail input, .selected-lead-panel .detail-grid .quick-detail select { background: var(--paper) !important; border: 1px solid var(--lead-pane-neutral-border) !important; border-radius: 6px !important; box-sizing: border-box; min-height: 35px; } .selected-lead-panel .detail-grid .quick-detail input, .selected-lead-panel .detail-grid .quick-detail select, .selected-lead-panel .detail-grid .quick-detail .quick-choice-menu strong, .selected-lead-panel .detail-grid .quick-detail .quick-choice-value-stack span { font-size: 13px !important; } .selected-lead-panel .detail-grid .quick-detail.scenario-ltv-safe input:not(:focus), .selected-lead-panel .detail-grid .quick-detail.scenario-fico-safe input:not(:focus) { background: color-mix(in srgb, var(--green) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--green) 24%, var(--lead-pane-neutral-border)) !important; } .selected-lead-panel .detail-grid .quick-detail.scenario-ltv-caution input:not(:focus), .selected-lead-panel .detail-grid .quick-detail.scenario-fico-caution input:not(:focus) { background: color-mix(in srgb, var(--brand-gold) 12%, var(--paper)) !important; border-color: color-mix(in srgb, var(--brand-gold) 30%, var(--lead-pane-neutral-border)) !important; } .selected-lead-panel .detail-grid .quick-detail.scenario-ltv-alert input:not(:focus), .selected-lead-panel .detail-grid .quick-detail.scenario-fico-alert input:not(:focus) { background: color-mix(in srgb, var(--red) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--red) 26%, var(--lead-pane-neutral-border)) !important; } /* Piggyback selected-lead pane: split amounts and ratios without adding visual weight. */ .selected-lead-panel .detail-grid .lead-panel-piggyback-pair { gap: 4px !important; padding: 8px !important; } .lead-panel-piggyback-split-labels { display: grid; gap: 5px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-width: 0; width: 100%; } .selected-lead-panel .detail-grid .lead-panel-piggyback-split-labels span { color: color-mix(in srgb, #000 72%, var(--window-bg)) !important; display: block; font-size: 13px !important; font-weight: 500 !important; line-height: 1.12; margin: 0 !important; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lead-panel-piggyback-pair-stack { display: grid; gap: 5px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-width: 0; width: 100%; } .lead-panel-piggyback-pair-row { align-items: center; appearance: none; background: var(--paper); border: 1px solid var(--lead-pane-neutral-border); border-radius: 6px; box-sizing: border-box; color: #071523; cursor: text; display: block; font-family: inherit; font-size: 13px; font-weight: 400; height: 35px; line-height: 1.18; margin-top: 3px; min-height: 35px; min-width: 0; padding: 0 7px; text-align: left; width: 100%; } .selected-lead-panel .detail-grid .lead-panel-piggyback-pair-row.is-seven-digit-money { font-size: 11px !important; letter-spacing: -.02em !important; padding-left: 5px !important; padding-right: 3px !important; } .lead-panel-piggyback-pair-row:hover, .lead-panel-piggyback-pair-row:focus-visible { border-color: color-mix(in srgb, var(--accent) 35%, var(--line)); outline: 0; } .lead-panel-piggyback-pair-row small { align-self: center; color: color-mix(in srgb, var(--accent) 82%, var(--ink)); font-size: 10px; font-weight: 850; justify-self: end; letter-spacing: 0; line-height: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; text-transform: none; white-space: nowrap; } .lead-panel-piggyback-pair-row strong { align-self: center; color: #071523; font-size: 13px; font-weight: 400; line-height: 1.18; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-tile { gap: 4px !important; padding: 8px !important; } .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-tile > span { margin-bottom: 0 !important; } .lead-panel-piggyback-ratio-pair { display: grid; gap: 5px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-width: 0; width: 100%; } .lead-panel-piggyback-ratio-mini { align-items: center; background: transparent; border: 0; border-radius: 6px; box-sizing: border-box; color: #071523; display: flex; height: 35px; margin-top: 1px; min-height: 35px; min-width: 0; padding: 0; text-align: left; width: 100%; } .lead-panel-piggyback-ratio-mini:hover, .lead-panel-piggyback-ratio-mini:focus-within { outline: 0; } .lead-panel-piggyback-ratio-mini span { color: color-mix(in srgb, var(--accent) 82%, var(--ink)); font-size: 10px; font-weight: 850; letter-spacing: 0; line-height: 1; margin: 0 !important; min-width: 0; overflow: hidden; text-transform: none; white-space: nowrap; } .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini input { background: var(--paper) !important; border: 1px solid var(--lead-pane-neutral-border) !important; border-radius: 6px !important; box-sizing: border-box; box-shadow: none !important; color: #071523; display: block; font-size: 13px; font-weight: 400; height: 35px !important; line-height: 1.18; min-height: 35px !important; padding: 0 7px !important; text-align: left; width: 100%; } .lead-panel-piggyback-ratio-mini.is-readonly { cursor: default; } .lead-panel-piggyback-ratio-mini.is-readonly:hover { border-color: var(--lead-pane-neutral-border); } .lead-panel-ratio-readonly-value { color: #071523; font-size: 13px; font-weight: 400; line-height: 1.18; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini input:hover, .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini input:focus { background: var(--paper) !important; border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--line)) !important; box-shadow: none !important; outline: 0 !important; } .lead-panel-piggyback-ratio-mini.scenario-ltv-safe { background: transparent; } .lead-panel-piggyback-ratio-mini.scenario-ltv-caution { background: transparent; } .lead-panel-piggyback-ratio-mini.scenario-ltv-alert { background: transparent; } .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-safe input:not(:focus) { background: color-mix(in srgb, var(--green) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--green) 24%, var(--lead-pane-neutral-border)) !important; } .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-caution input:not(:focus) { background: color-mix(in srgb, var(--brand-gold) 12%, var(--paper)) !important; border-color: color-mix(in srgb, var(--brand-gold) 30%, var(--lead-pane-neutral-border)) !important; } .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-alert input:not(:focus) { background: color-mix(in srgb, var(--red) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--red) 26%, var(--lead-pane-neutral-border)) !important; } .lead-panel-piggyback-pair-row.scenario-ltv-safe { background: color-mix(in srgb, var(--green) 8%, var(--paper)); border-color: color-mix(in srgb, var(--green) 24%, var(--lead-pane-neutral-border)); } .lead-panel-piggyback-pair-row.scenario-ltv-caution { background: color-mix(in srgb, var(--brand-gold) 12%, var(--paper)); border-color: color-mix(in srgb, var(--brand-gold) 30%, var(--lead-pane-neutral-border)); } .lead-panel-piggyback-pair-row.scenario-ltv-alert { background: color-mix(in srgb, var(--red) 8%, var(--paper)); border-color: color-mix(in srgb, var(--red) 26%, var(--lead-pane-neutral-border)); } /* Collapsed Property/Scenario summaries: keep editable dropdowns visible in skinny inline mode. */ .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary { --property-zillow-slot-width: minmax(136px, 142px); grid-template-columns: max-content minmax(112px,1fr) var(--property-zillow-slot-width) !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap { grid-column: 2 !important; grid-row: 1 !important; justify-self: stretch !important; width: 100% !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap > .property-summary-type-choice-shell, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap > .scenario-purpose-summary-choice-shell { display: block !important; height: 100% !important; min-width: 0 !important; width: 100% !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu { display: block !important; min-width: 0 !important; width: 100% !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu summary { background: var(--paper) !important; border: 1px solid var(--line) !important; box-sizing: border-box !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-links { grid-column: 3 !important; grid-row: 1 !important; justify-self: stretch !important; width: 100% !important; } /* Collapsed Property Zillow control: match the compact expanded button width and right-edge alignment. */ .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary { --property-zillow-slot-width: 98px !important; grid-template-columns: max-content minmax(0,1fr) var(--property-zillow-slot-width) !important; row-gap: 8px !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap { grid-column: 2 !important; grid-row: 1 !important; justify-self: stretch !important; min-width: 0 !important; width: 100% !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-links, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-links { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; max-width: var(--property-zillow-slot-width) !important; min-width: 0 !important; width: var(--property-zillow-slot-width) !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-links .zillow-scraper-pill, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-links .zillow-scraper-pill { width: 100% !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .lead-card-drag-handle, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .lead-card-drag-handle { display: none !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-location, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-location { grid-column: 1 / -1 !important; grid-row: 2 !important; } .lead-editor-grid.is-layout-locked .lead-top-collapsible-card.editor-property[open] > .property-summary, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property[open] > .property-summary { grid-template-columns: max-content minmax(0,1fr) var(--property-zillow-slot-width) !important; } .lead-editor-grid.is-layout-locked .lead-top-collapsible-card.editor-property[open] .property-summary-links, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property[open] .property-summary-links { grid-column: 3 !important; justify-self: end !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap > span.custom-choice-shell.property-summary-type-choice-shell:first-child, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap > span.custom-choice-shell.scenario-purpose-summary-choice-shell:first-child { display: block !important; height: 100% !important; min-width: 0 !important; width: 100% !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions { gap: 7px; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon { gap: 2px !important; min-height: 48px !important; padding: 4px 5px 5px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon svg { height: 17px !important; width: 17px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon small, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon:is(.bonzo,.quote) small { font-size: 9.2px !important; line-height: 1.02 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon.bonzo .bonzo-mark { height: 20px !important; width: 20px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon.bonzo .bonzo-mark img { height: 15px !important; width: 15px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-summary-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-tool-actions-grid { gap: 7px; grid-template-columns: repeat(3,minmax(0,1fr)); } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon { background: color-mix(in srgb, var(--paper) 90%, var(--soft)) !important; border-color: color-mix(in srgb, var(--line) 92%, var(--accent)) !important; color: var(--ink) !important; gap: 2px !important; min-height: 42px !important; padding: 5px 4px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon svg { height: 16px !important; width: 16px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon small, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon:is(.bonzo,.quote,.import,.preview) small { color: currentColor !important; font-size: 8px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; white-space: nowrap !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon.bonzo .bonzo-mark { height: 17px !important; width: 17px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon.bonzo .bonzo-mark img { height: 13px !important; width: 13px !important; } .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon.quote svg, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon.quote svg { color: var(--accent) !important; stroke: var(--accent) !important; } /* Mini pricing detail utility frame: quiet grouping for add-ons, escrow, eligibility, and overlays. */ .mini-cockpit-detail-stack { background: color-mix(in srgb, var(--soft) 58%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 86%, var(--ink) 7%); border-radius: 10px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent); gap: 6px; padding: 6px; } .mini-cockpit-detail-stack .quote-breakdown-section { background: color-mix(in srgb, var(--paper) 94%, var(--soft)); border-color: color-mix(in srgb, var(--line) 88%, var(--ink) 6%); border-radius: 8px; } .mini-cockpit-detail-stack .quote-breakdown-section summary span, .mini-cockpit-detail-stack .quote-breakdown-section summary strong { color: var(--ink) !important; font-weight: 600 !important; } /* Mini pricing itemization polish: keep the rows readable without heavy label/value color. */ .mini-fee-itemization-row span, .mini-fee-drilldown > summary > span:first-child, .mini-fee-drilldown-rows.quote-breakdown-rows > div > span { color: color-mix(in srgb, var(--ink) 72%, var(--muted)) !important; font-weight: 400 !important; letter-spacing: 0 !important; } .mini-fee-itemization-row strong, .mini-fee-itemization-row input, .mini-fee-drilldown-rows.quote-breakdown-rows > div > strong { color: var(--ink) !important; font-weight: 600 !important; } .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > strong.fee-title-reissue-value > span { color: var(--ink) !important; font-size: 13px !important; font-weight: 600 !important; } .mini-fee-drilldown-rows.quote-breakdown-rows .is-total-row span { font-weight: 500 !important; } .mini-fee-drilldown-rows.quote-breakdown-rows .is-total-row strong { font-weight: 600 !important; } .mini-fee-itemization-row.is-summary-row:not(.mini-fee-drilldown) > span, .mini-fee-itemization-row.is-summary-row:not(.mini-fee-drilldown) > strong, .mini-fee-itemization-row.is-summary-row:not(.mini-fee-drilldown) > input, .mini-fee-itemization-row.is-summary-row.mini-fee-drilldown > summary > span, .mini-fee-itemization-row.is-summary-row.mini-fee-drilldown > summary > strong, .mini-fee-itemization-row.is-summary-row.mini-fee-drilldown > summary > input { font-weight: 600 !important; } .compact-rate-sheet tbody .mini-rate-value, .compact-rate-sheet tbody .mini-payment-value { font-weight: 600 !important; } .mini-fee-itemization-row.credit strong, .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-credit strong { color: color-mix(in srgb, var(--ink) 55%, #0d7a3a) !important; } .mini-fee-itemization-row.cost strong, .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-cost strong { color: color-mix(in srgb, var(--ink) 50%, #b42318) !important; } .mini-fee-itemization-row .mini-row-label-with-toggle { align-items: center; display: inline-flex; gap: 12px; min-width: 0; } .mini-fee-itemization-row .mini-seller-credit-toggle { align-items: center; appearance: none; background: transparent; border: 0; color: var(--accent); cursor: pointer; display: inline-flex; font-family: inherit; font-size: inherit; font-weight: 650; gap: 5px; letter-spacing: 0; line-height: inherit; min-height: 20px; padding: 2px 4px; position: relative; text-transform: none; white-space: nowrap; } .mini-fee-itemization-row .mini-seller-credit-toggle:hover { color: color-mix(in srgb, var(--accent) 82%, var(--ink)); } .mini-fee-itemization-row .mini-seller-credit-toggle.is-on { color: var(--accent); } .mini-fee-itemization-row .mini-seller-credit-toggle:is(.is-on,[aria-pressed="true"]) .mini-seller-credit-copy { display: none; } .mini-fee-itemization-row .mini-seller-credit-caret { border: solid var(--accent); border-width: 0 2px 2px 0; display: inline-block; flex: 0 0 auto; height: 6px; margin-top: -3px; transform: rotate(45deg); width: 6px; } .mini-fee-itemization-row .mini-seller-credit-toggle.is-on .mini-seller-credit-caret { margin-top: 2px; transform: rotate(-135deg); } .mini-fee-itemization-row .mini-seller-credit-toggle:focus-visible { outline: 2px solid color-mix(in srgb, var(--green) 30%, transparent); outline-offset: 2px; } .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-credit span, .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-cost span, .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-credit small, .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-cost small { color: color-mix(in srgb, var(--ink) 78%, var(--muted)) !important; } /* Display setting: lift labels and micro captions without browser-style layout zoom. */ .text-size-preset-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .text-size-preset { min-height: 82px; } [data-app-text-size] .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, [data-app-text-size] .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, [data-app-text-size] .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, [data-app-text-size] .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, [data-app-text-size] .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, [data-app-text-size] .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, [data-app-text-size] .mini-rate-snapshot-head > span:first-child, [data-app-text-size] .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child, [data-app-text-size] .control-framed-label { font-size: calc(14px + var(--app-label-font-boost)) !important; } [data-app-text-size] .lead-scenario-fields[open] .lead-scenario-body > label, [data-app-text-size] .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label, [data-app-text-size] .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label, [data-app-text-size] .lead-top-collapsible-card.editor-property[open] .editor-section-body label, [data-app-text-size] .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body label, [data-app-text-size] .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .editor-section-body label, [data-app-text-size] .selected-lead-panel .detail-grid .quick-detail > span { font-size: calc(12px + var(--app-label-font-boost)) !important; } [data-app-text-size] .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-fact > span, [data-app-text-size] .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact:not(.is-missing) > span, [data-app-text-size] .lead-inline-detail-stack .lead-editor-grid .property-summary-fact > span, [data-app-text-size] .lead-inline-detail-stack .lead-editor-grid .scenario-collapsed-fact:not(.is-missing) > span { font-size: calc(11px + var(--app-label-font-boost)) !important; } [data-app-text-size] .lead-rail-chip span, [data-app-text-size] .lead-panel-control-icon small, [data-app-text-size] .lead-panel-action-chip.lead-panel-control-icon:is(.bonzo,.quote,.import,.preview) small, [data-app-text-size] .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon small, [data-app-text-size] .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon:is(.bonzo,.quote,.import,.preview) small { font-size: calc(8px + var(--app-micro-label-font-boost)) !important; } [data-app-text-size] .lead-panel-primary-actions .lead-panel-control-icon small, [data-app-text-size] .lead-panel-primary-actions .lead-panel-control-icon:is(.bonzo,.quote) small, [data-app-text-size] .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon small, [data-app-text-size] .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon:is(.bonzo,.quote) small { font-size: calc(8.8px + var(--app-micro-label-font-boost)) !important; } [data-app-text-size] .lead-rail-scenario-chip small { font-size: calc(8.5px + var(--app-micro-label-font-boost)) !important; } [data-app-text-size] .lead-rail-scenario-chip strong { font-size: calc(12.5px + var(--app-value-font-boost)) !important; } [data-app-text-size] .lead-rail-scenario-chip[data-editor-field="purpose"] strong { font-size: calc(10.6px + var(--app-value-font-boost)) !important; } [data-app-text-size] .lead-scenario-fields[open] .lead-scenario-body > label input, [data-app-text-size] .lead-scenario-fields[open] .lead-scenario-body > label select, [data-app-text-size] .lead-scenario-fields[open] .lead-scenario-body > label .custom-choice-menu strong, [data-app-text-size] .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label input, [data-app-text-size] .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label select, [data-app-text-size] .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label .custom-choice-menu strong, [data-app-text-size] .lead-top-collapsible-card.editor-property[open] .editor-section-body input, [data-app-text-size] .lead-top-collapsible-card.editor-property[open] .editor-section-body select, [data-app-text-size] .lead-top-collapsible-card.editor-property[open] .editor-section-body .custom-choice-menu strong, [data-app-text-size] .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body input, [data-app-text-size] .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body select, [data-app-text-size] .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body .custom-choice-menu strong, [data-app-text-size] .selected-lead-panel .detail-grid .quick-detail input, [data-app-text-size] .selected-lead-panel .detail-grid .quick-detail select, [data-app-text-size] .selected-lead-panel .detail-grid .quick-detail .quick-choice-menu strong, [data-app-text-size] .selected-lead-panel .detail-grid .quick-detail .quick-choice-value-stack span { font-size: calc(12px + var(--app-value-font-boost)) !important; } [data-app-text-size] .scenario-collapsed-fact > strong, [data-app-text-size] .scenario-collapsed-fact > input, [data-app-text-size] .property-summary-type-choice-shell .property-type-label-full, [data-app-text-size] .property-summary-type-choice-shell .property-type-label-short, [data-app-text-size] .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong, [data-app-text-size] .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong, [data-app-text-size] .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, [data-app-text-size] .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong { font-size: calc(13px + var(--app-value-font-boost)) !important; } /* Expanded selected-lead pane quick fields: keep these one step larger than the global compact text preset. */ [data-app-text-size] .selected-lead-panel .detail-grid .quick-detail > span { font-size: calc(13px + var(--app-label-font-boost)) !important; } [data-app-text-size] .selected-lead-panel .detail-grid .quick-detail input, [data-app-text-size] .selected-lead-panel .detail-grid .quick-detail select, [data-app-text-size] .selected-lead-panel .detail-grid .quick-detail .quick-choice-menu strong, [data-app-text-size] .selected-lead-panel .detail-grid .quick-detail .quick-choice-value-stack span { font-size: calc(13px + var(--app-value-font-boost)) !important; } /* Authoritative lead rail Status action layout: icon over label in every rail mode. */ .lead-rail-chip.status, .lead-rail-inline-row .lead-rail-chip.status, .lead-rail-inline-block .lead-rail-chip.status, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.status { align-items: center !important; display: grid !important; grid-template-columns: minmax(0,1fr) !important; grid-template-rows: 18px max-content !important; justify-items: center !important; } .lead-rail-chip.status > svg, .lead-rail-inline-row .lead-rail-chip.status > svg, .lead-rail-inline-block .lead-rail-chip.status > svg, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.status > svg { align-self: end !important; display: block !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: center !important; margin: 0 !important; } .lead-rail-chip.status > span:not(.lead-rail-badge), .lead-rail-inline-row .lead-rail-chip.status > span:not(.lead-rail-badge), .lead-rail-inline-block .lead-rail-chip.status > span:not(.lead-rail-badge), .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.status > span:not(.lead-rail-badge) { align-self: start !important; display: block !important; grid-column: 1 !important; grid-row: 2 !important; justify-self: center !important; margin: 0 !important; text-align: center !important; width: 100% !important; } /* Collapsed Loan Scenario purpose selector: remove the generic fact-tab shell edge. */ .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap { background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; overflow: visible !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap::before, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap::after, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap::before, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap::after { content: none !important; display: none !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap > .scenario-purpose-summary-choice-shell, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap > .scenario-purpose-summary-choice-shell { grid-column: 1 / -1 !important; align-self: stretch !important; background: transparent !important; border: 0 !important; border-right: 0 !important; box-shadow: none !important; color: inherit !important; display: block !important; height: 100% !important; min-width: 0 !important; outline: 0 !important; overflow: visible !important; padding: 0 !important; width: 100% !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary { grid-template-columns: minmax(0,1fr) 14px !important; padding-left: 10px !important; padding-right: 11px !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary::after, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu summary::after { justify-self: center !important; margin-right: 1px !important; } /* Collapsed Property summary: match Loan Scenario's label / flexible dropdown / fixed action rhythm. */ .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary { align-items: center !important; column-gap: 8px !important; grid-template-columns: max-content minmax(0,1fr) var(--property-zillow-slot-width, 98px) !important; row-gap: 8px !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap { grid-column: 2 !important; grid-row: 1 !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-links, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-links { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; max-width: var(--property-zillow-slot-width, 98px) !important; min-width: 0 !important; width: var(--property-zillow-slot-width, 98px) !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell { border-right: 0 !important; box-shadow: none !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary { grid-template-columns: minmax(0,1fr) 14px !important; padding-left: 10px !important; padding-right: 11px !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary::after, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary::after { justify-self: center !important; margin-right: 1px !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-location, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-location { grid-column: 1 / -1 !important; grid-row: 2 !important; } /* Collapsed mortgage stack headers: keep label, logo chips, and Formal/P/B on one bar. */ .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head { align-items: center !important; display: grid !important; gap: 6px !important; grid-template-columns: minmax(126px,max-content) minmax(0,1fr) max-content !important; min-height: 38px !important; padding-left: 6px !important; padding-right: 6px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: none !important; min-width: 126px !important; width: auto !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: 100% !important; min-width: 0 !important; order: initial !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-snapshot-head-actions { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; order: initial !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-formal-compact-toggle { flex: 0 0 54px !important; min-width: 54px !important; width: 54px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-snapshot-head-actions { display: inline-flex !important; flex: 0 0 auto !important; gap: 0 !important; min-width: 0 !important; width: auto !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-snapshot-head-actions .piggyback-bubble.is-compact { flex: 0 0 46px !important; min-width: 46px !important; width: 46px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-snapshot-warning-chip { grid-column: 1 / -1 !important; grid-row: 2 !important; justify-self: center !important; } /* Authoritative selected-lead pane metric paint: only the value box carries LTV/FICO tone. */ .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) { background: var(--window-bg) !important; border-color: var(--window-border) !important; } .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) > span { background: transparent !important; } .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe) input:not(:focus) { background: color-mix(in srgb, var(--green) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--green) 24%, var(--lead-pane-neutral-border)) !important; } .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution) input:not(:focus) { background: color-mix(in srgb, var(--brand-gold) 12%, var(--paper)) !important; border-color: color-mix(in srgb, var(--brand-gold) 30%, var(--lead-pane-neutral-border)) !important; } .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus) { background: color-mix(in srgb, var(--red) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--red) 26%, var(--lead-pane-neutral-border)) !important; } /* Authoritative selected-lead notes row: tab, editable note box, appointment on one line. */ .selected-lead-panel .lead-panel-notes-card > .editor-section-summary { align-items: center !important; display: grid !important; gap: 8px !important; grid-template-columns: max-content minmax(0,1fr) max-content !important; width: 100% !important; } .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > .lead-panel-notes-tab { justify-self: start !important; } .selected-lead-panel .lead-panel-notes-inline-input { align-self: center !important; background: var(--paper) !important; border: 1px solid var(--lead-pane-neutral-border, var(--line)) !important; border-radius: 7px !important; box-sizing: border-box !important; color: var(--lead-pane-text, var(--ink)) !important; font-family: inherit !important; font-size: 13px !important; font-weight: 400 !important; height: 36px !important; min-height: 36px !important; min-width: 0 !important; padding: 7px 10px !important; width: 100% !important; } .selected-lead-panel .lead-panel-notes-inline-input:focus { border-color: color-mix(in srgb, var(--accent) 44%, var(--line)) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent) !important; outline: 0 !important; } .selected-lead-panel .lead-notes-appointment-pill:not(.is-modal-action) { min-width: 54px !important; padding-left: 8px !important; padding-right: 8px !important; width: 54px !important; } .selected-lead-panel .lead-panel-notes-card[open] > .editor-section-summary { grid-template-columns: max-content max-content !important; justify-content: start !important; } .selected-lead-panel .lead-panel-notes-card:not([open]) > label { display: none !important; } .selected-lead-panel .lead-panel-notes-card[open] > label { display: block !important; } .selected-lead-panel .lead-panel-notes-card[open] .lead-panel-notes-inline-input { display: none !important; } .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated > .editor-section-summary { align-items: center !important; display: grid !important; gap: 8px !important; grid-template-columns: max-content minmax(0,1fr) max-content !important; width: 100% !important; } .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated > .editor-section-summary > .lead-panel-status-pill { grid-column: 2 / -1 !important; grid-row: 1 !important; } .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] > .editor-section-summary { grid-template-columns: max-content !important; justify-content: start !important; } .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-collapsed-row { display: none !important; } .lead-panel-status-collapsed-row { align-items: center; box-sizing: border-box; grid-column: 1 / -1; min-width: 0; width: 100%; } .lead-panel-status-collapsed-notes { display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) max-content; } .lead-panel-status-inline-field { --lead-status-inline-tab-width: 58px; align-items: stretch; display: grid; grid-template-columns: var(--lead-status-inline-tab-width) minmax(0,1fr); min-height: 36px; min-width: 0; width: 100%; } .lead-panel-status-inline-tab { align-items: center; align-self: stretch; background: #fff; border: 1px solid var(--lead-pane-neutral-border, var(--line)); border-radius: 7px 0 0 7px; border-right: 0; box-sizing: border-box; color: #071523; display: inline-flex; font-size: 12px; font-weight: 500; justify-content: center; line-height: 1; min-width: 0; padding: 0 7px; text-transform: none; white-space: nowrap; } .selected-lead-panel .lead-panel-status-inline-field .lead-panel-notes-inline-input { border-radius: 0 7px 7px 0 !important; height: 36px !important; min-height: 36px !important; } .lead-panel-status-collapsed-log { display: grid; grid-template-columns: minmax(0,1fr); position: relative; } .lead-panel-status-log-preview-button, .lead-panel-status-log-clear { appearance: none; background: transparent; border: 0; color: inherit; cursor: pointer; font-family: inherit; min-width: 0; padding: 0; } .lead-panel-status-log-preview-button { display: grid; grid-template-columns: minmax(0,1fr); min-height: 36px; text-align: left; width: 100%; } .lead-panel-status-collapsed-log .lead-panel-log-preview { align-items: center; align-self: stretch; background: color-mix(in srgb, var(--paper) 86%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); border-radius: 0 7px 7px 0; color: var(--ink); display: inline-flex; font-family: inherit; font-size: 12px; font-weight: 400; line-height: 1.25; min-height: 36px; min-width: 0; overflow: hidden; padding: 7px 30px 7px 10px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .lead-panel-status-log-clear { align-items: center; background: transparent; border: 0; border-radius: 0; color: color-mix(in srgb, var(--muted) 76%, var(--ink)); display: flex; font-size: 12px; font-weight: 950; height: 22px; justify-content: center; line-height: 1; opacity: 0; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 18px; } .lead-panel-status-log-preview-button:hover .lead-panel-log-preview, .lead-panel-status-log-preview-button:focus .lead-panel-log-preview { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 36%, var(--line)); outline: 0; } .lead-panel-status-collapsed-log:hover .lead-panel-status-log-clear, .lead-panel-status-log-clear:focus { opacity: 1; } .lead-panel-status-log-clear:hover, .lead-panel-status-log-clear:focus { background: transparent; color: var(--red); outline: 0; } .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated .lead-panel-status-collapsed-log, .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated .lead-panel-status-log-preview-button { display: grid !important; grid-column: 1 / -1 !important; grid-template-columns: 62px minmax(0,1fr) !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated .lead-panel-status-collapsed-log .lead-panel-status-inline-field { display: grid !important; grid-column: 1 / -1 !important; grid-template-columns: 62px minmax(0,1fr) !important; width: 100% !important; } .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated .lead-panel-status-collapsed-log .lead-panel-status-inline-tab { width: 62px !important; } .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated .lead-panel-status-collapsed-log .lead-panel-log-preview { display: flex !important; grid-column: 2 !important; justify-content: flex-start !important; max-width: none !important; min-width: 0 !important; text-align: left !important; width: 100% !important; } .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated:not([open]) .lead-panel-status-collapsed-notes .lead-panel-status-inline-field { --lead-status-inline-tab-width: 62px; grid-template-columns: 62px minmax(0,1fr) !important; } .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated:not([open]) .lead-panel-status-collapsed-notes .lead-panel-status-inline-tab { width: 62px !important; } .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated .lead-panel-status-inline-field { justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .lead-panel-status-nested { border-top: 1px solid color-mix(in srgb, var(--accent) 14%, var(--line)); display: grid; gap: 8px; margin-top: 10px; padding-top: 10px; } .lead-panel-status-nested .lead-panel-notes-card, .lead-panel-status-nested .lead-panel-log-card { margin-top: 0 !important; } .selected-lead-panel.is-status-consolidated .lead-panel-status-nested .lead-panel-log-card { box-sizing: border-box !important; display: grid !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .selected-lead-panel .lead-panel-status-nested .lead-panel-notes-card > .editor-section-summary { grid-template-columns: max-content minmax(0,1fr) !important; } .selected-lead-panel .lead-panel-status-nested .lead-panel-notes-card[open] > .editor-section-summary { grid-template-columns: max-content !important; } .selected-lead-panel .lead-panel-status-nested .lead-panel-log-card > .editor-section-summary { display: grid !important; grid-template-columns: max-content minmax(0,1fr) !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .selected-lead-panel .lead-panel-status-nested .lead-panel-log-card[open] > .editor-section-summary { grid-template-columns: max-content !important; } .selected-lead-panel .lead-panel-status-nested .lead-panel-log-card:not([open]) .lead-panel-log-preview { box-sizing: border-box !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .selected-lead-panel .lead-panel-status-nested .lead-panel-log-card[open] { max-width: none !important; width: 100% !important; } .selected-lead-panel .lead-panel-status-nested .lead-panel-log-card .update-log-list { box-sizing: border-box !important; max-width: none !important; width: 100%; } .lead-log-modal-card { display: grid; gap: 12px; max-width: 720px; width: min(720px, calc(100vw - 40px)); } .lead-log-modal-body .update-log-list { height: auto; max-height: min(60vh, 460px); } .lead-log-modal-body .update-log-list.is-empty { background: color-mix(in srgb, var(--paper) 86%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); height: 42px; padding: 10px; } .lead-quick-popover-log { padding: 12px 10px; } .lead-quick-log-panel { display: grid; gap: 12px; min-width: 0; width: 100%; } .lead-quick-log-panel .panel-head { margin: 0; } .lead-quick-log-panel .lead-log-modal-body { box-sizing: border-box; min-width: 0; width: 100%; } .lead-quick-log-panel .lead-log-modal-body .update-log-list { box-sizing: border-box; height: auto; justify-items: stretch; max-height: min(54vh, 390px); max-width: none; padding: 4px; width: 100%; } .lead-quick-log-panel .lead-log-modal-body .update-log-list.is-empty { background: color-mix(in srgb, var(--paper) 86%, var(--soft)); border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent)); height: 42px; padding: 10px; } .update-log-empty { align-items: center; color: var(--muted); display: flex; font-size: 12px; font-weight: 400; height: 100%; justify-content: center; line-height: 1.25; margin: 0; } .update-log-entry.is-read-only { grid-template-columns: 74px minmax(0,1fr) 18px; justify-self: stretch; padding-right: 8px; width: 100%; } .update-log-entry.is-read-only .update-log-entry-clear { background: transparent; border: 0; border-radius: 0; color: color-mix(in srgb, var(--muted) 72%, var(--ink)); font-size: 12px; height: 18px; opacity: 0; width: 18px; } .update-log-entry.is-read-only:hover .update-log-entry-clear, .update-log-entry.is-read-only .update-log-entry-clear:focus { opacity: 1; } .update-log-entry.is-read-only .update-log-entry-clear:hover, .update-log-entry.is-read-only .update-log-entry-clear:focus { background: transparent; color: var(--red); } /* Authoritative mini rail purpose/occupancy chips: value-only, centered, larger. */ .lead-rail-scenario-chip[data-editor-field="purpose"], .lead-rail-scenario-chip[data-editor-field="occupancy"] { align-content: center !important; grid-template-rows: minmax(0,1fr) !important; justify-items: center !important; padding-bottom: 5px !important; padding-top: 5px !important; } .lead-rail-scenario-chip[data-editor-field="purpose"] small, .lead-rail-scenario-chip[data-editor-field="occupancy"] small { display: none !important; } /* Authoritative selected-pane Purpose/Occupancy values: same centered display type. */ .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="purpose"]) .quick-choice-menu summary, .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="occupancy"]) .quick-choice-menu summary { align-items: center !important; grid-template-columns: minmax(0,1fr) !important; justify-items: center !important; padding-left: 14px !important; padding-right: 14px !important; position: relative !important; } .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="purpose"]) .quick-choice-menu summary::after, .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="occupancy"]) .quick-choice-menu summary::after { justify-self: auto !important; position: absolute !important; right: 7px !important; } .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="purpose"]) .quick-choice-menu strong, .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="occupancy"]) .quick-choice-menu strong { align-items: center !important; display: flex !important; font-size: 12.5px !important; font-weight: 650 !important; justify-content: center !important; line-height: 1.08 !important; margin: 0 auto !important; max-width: 100% !important; min-height: 0 !important; overflow: hidden !important; text-align: center !important; text-overflow: ellipsis !important; } .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="purpose"]) .quick-choice-menu strong { overflow: visible !important; text-overflow: clip !important; text-wrap: balance !important; white-space: normal !important; width: min-content !important; } .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="occupancy"]) .quick-choice-menu strong { white-space: nowrap !important; width: 100% !important; } .lead-rail-scenario-chip[data-editor-field="purpose"] strong, .lead-rail-scenario-chip[data-editor-field="occupancy"] strong { align-items: center !important; display: flex !important; font-size: 12.5px !important; font-weight: 650 !important; justify-content: center !important; line-height: 1.08 !important; margin: 0 auto !important; max-width: 100% !important; min-height: 0 !important; text-align: center !important; text-overflow: ellipsis !important; } .lead-rail-scenario-chip[data-editor-field="purpose"] strong { overflow: visible !important; text-overflow: clip !important; text-wrap: balance !important; white-space: normal !important; width: min-content !important; } .lead-rail-scenario-chip[data-editor-field="occupancy"] strong { overflow: hidden !important; white-space: nowrap !important; width: 100% !important; } [data-app-text-size] .lead-rail-scenario-chip[data-editor-field="purpose"] strong, [data-app-text-size] .lead-rail-scenario-chip[data-editor-field="occupancy"] strong { font-size: 12.5px !important; } /* Calculators pane contract: no cramped right pane and no toolbar scrollbar. */ .calculator-anchor-nav { align-content: start !important; flex-wrap: wrap !important; justify-content: flex-start !important; overflow-x: hidden !important; overflow-y: visible !important; row-gap: 8px !important; scrollbar-width: none !important; } .calculator-anchor-nav::-webkit-scrollbar { display: none !important; } .calculator-anchor-nav .control-anchor-chip { flex: 0 1 auto !important; } .app-header-main:has(.calculator-header-tools) { align-items: center !important; display: grid !important; gap: 8px 12px !important; grid-template-columns: minmax(0,1fr) auto !important; grid-template-rows: auto auto !important; width: 100% !important; } .app-header-main:has(.calculator-header-tools) h1 { grid-column: 1 !important; grid-row: 1 !important; } .app-header-main:has(.calculator-header-tools) .view-tools, .calculator-header-tools { display: contents !important; } .app-header-main:has(.calculator-header-tools) .calculator-anchor-nav { grid-column: 1 / -1 !important; grid-row: 2 !important; } .calculator-open-window-header { align-items: center; align-self: center; background: var(--primary); border: 1px solid color-mix(in srgb, var(--brand-gold) 34%, var(--primary)); border-radius: 6px; box-shadow: 0 8px 16px rgba(17,42,92,.16), inset 0 0 0 1px color-mix(in srgb, #fff 8%, transparent); color: var(--brand-gold); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 13px; font-weight: 850; grid-column: 2 !important; grid-row: 1 !important; justify-content: center; justify-self: end; letter-spacing: 0; line-height: 1; min-height: 36px; padding: 8px 14px; white-space: nowrap; } .calculator-open-window-header:hover, .calculator-open-window-header:focus { background: color-mix(in srgb, var(--primary) 88%, var(--accent)); border-color: color-mix(in srgb, var(--brand-gold) 58%, var(--primary)); color: var(--brand-gold); outline: 0; } @media (max-width: 980px) { .app-header-main:has(.calculator-header-tools) { gap: 0 12px !important; grid-template-rows: auto !important; } .app-header-main:has(.calculator-header-tools) .calculator-anchor-nav { display: none !important; } .calculator-open-window-header { margin-top: 6px; } } .workspace.calculators-workspace.calculators-top-pane { grid-template-columns: minmax(0,1fr) !important; padding-right: 22px !important; } .workspace.calculators-workspace.calculators-top-pane > .selected-lead-panel { grid-column: 1 !important; justify-self: stretch !important; margin-bottom: 2px !important; max-height: none !important; max-width: none !important; order: 0 !important; overflow: visible !important; position: static !important; top: auto !important; transform: none !important; width: 100% !important; } .workspace.calculators-workspace.calculators-top-pane > .calculators-page { grid-column: 1 !important; order: 1 !important; } .workspace.calculators-workspace.has-side-panel .calculator-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .workspace.calculators-workspace.has-side-panel { align-items: start !important; grid-template-columns: minmax(0,1fr) clamp(360px,22vw,396px) !important; padding-right: 18px !important; } .workspace.calculators-workspace.has-side-panel > .calculators-page { align-self: start !important; grid-column: 1 !important; grid-row: 1 !important; overflow: visible !important; } .workspace.calculators-workspace.has-side-panel > .selected-lead-panel { grid-column: 2 !important; grid-row: 1 !important; justify-self: stretch !important; max-width: 100% !important; top: 12px !important; transform: none !important; width: 100% !important; } body[data-app-view="calculators"] .workspace.calculators-workspace, body[data-app-view="calculators"] .workspace.calculators-workspace.has-side-panel, body[data-app-view="calculators"] .workspace.calculators-workspace.has-lead-rail, body[data-app-view="calculators"] .workspace.calculators-workspace.no-side-panel { background: color-mix(in srgb, var(--window-bg) 58%, #f5f7fa) !important; } .workspace.quote-preview-shell-workspace.has-side-panel { align-items: start; grid-template-columns: minmax(0,1fr) clamp(360px,19vw,384px) !important; } .workspace.quote-preview-shell-workspace.has-side-panel > .quote-preview-workspace { align-self: start; grid-column: 1 !important; grid-row: 1 !important; } .workspace.quote-preview-shell-workspace.has-side-panel > .selected-lead-panel { grid-column: 2 !important; grid-row: 1 !important; justify-self: stretch !important; max-width: 100% !important; top: 12px !important; transform: none !important; width: 100% !important; } .workspace.quote-preview-shell-workspace.quote-preview-top-pane { grid-template-columns: minmax(0,1fr) !important; padding-right: 22px !important; } .workspace.quote-preview-shell-workspace.quote-preview-top-pane > .selected-lead-panel { grid-column: 1 !important; justify-self: stretch !important; margin-bottom: 2px !important; max-height: none !important; max-width: none !important; order: 0 !important; overflow: visible !important; position: static !important; top: auto !important; transform: none !important; width: 100% !important; } .workspace.quote-preview-shell-workspace.quote-preview-top-pane > .quote-preview-workspace { grid-column: 1 !important; order: 1 !important; } @media (max-width: 980px) { .workspace.calculators-workspace.has-side-panel .calculator-grid { grid-template-columns: minmax(0,1fr) !important; } } @media (pointer: fine) { .workspace.calculators-workspace.has-lead-rail { grid-template-columns: minmax(0,1fr) !important; padding-right: 104px !important; } .workspace.calculators-workspace.has-lead-rail > .calculators-page { grid-column: 1 !important; overflow: visible !important; } .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) { align-content: start !important; background: color-mix(in srgb, var(--paper) 94%, var(--soft)) !important; border: 1px solid var(--window-border) !important; border-radius: 12px !important; box-shadow: 0 14px 30px rgba(16,24,32,.09), inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent) !important; display: grid !important; gap: 6px !important; grid-auto-rows: max-content !important; grid-template-columns: 65px !important; height: max-content !important; justify-self: end !important; max-height: calc(100vh - var(--lead-rail-floating-top, 18px) - 16px) !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; padding: 6px !important; position: fixed !important; right: 16px !important; scrollbar-width: thin !important; top: var(--lead-rail-floating-top, 18px) !important; transform: translateX(4px) !important; width: 77px !important; z-index: 70 !important; } .calculators-external-window .workspace.calculators-workspace.has-lead-rail { padding-right: 118px !important; } .calculators-external-window .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) { right: 28px !important; scrollbar-gutter: stable !important; transform: none !important; } .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-source-pill.source-pill, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-separator, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-context, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chips { width: 65px !important; } .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab { flex: none !important; grid-template-columns: 1fr !important; grid-template-rows: auto auto auto auto !important; min-height: 142px !important; } .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn.previous, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn.next, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-count { grid-column: 1 !important; } .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn strong { font-size: 13px !important; max-height: 86px !important; text-align: center !important; text-orientation: mixed !important; white-space: normal !important; writing-mode: vertical-rl !important; } .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-context { align-items: stretch !important; display: grid !important; gap: 6px !important; justify-items: center !important; min-width: 0 !important; } .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-separator { display: block !important; } .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chips, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack { display: grid !important; flex: none !important; gap: 5px !important; min-width: 0 !important; overflow: visible !important; padding: 0 !important; } .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack { gap: 6px !important; } .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack::before, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack::after { width: 65px !important; } .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip { flex: none !important; } .workspace.quote-preview-shell-workspace.has-lead-rail { grid-template-columns: minmax(0,1fr) !important; padding-right: 104px !important; } .workspace.quote-preview-shell-workspace.has-lead-rail > .quote-preview-workspace { grid-column: 1 !important; } .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) { align-content: start !important; background: color-mix(in srgb, var(--paper) 94%, var(--soft)) !important; border: 1px solid var(--window-border) !important; border-radius: 12px !important; box-shadow: 0 14px 30px rgba(16,24,32,.09), inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent) !important; display: grid !important; gap: 6px !important; grid-auto-rows: max-content !important; grid-template-columns: 65px !important; height: max-content !important; justify-self: end !important; max-height: calc(100vh - var(--lead-rail-floating-top, 18px) - 16px) !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; padding: 6px !important; position: fixed !important; right: 16px !important; scrollbar-width: thin !important; top: var(--lead-rail-floating-top, 18px) !important; transform: translateX(4px) !important; width: 77px !important; z-index: 70 !important; } .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-source-pill.source-pill, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-separator, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-context, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chips { width: 65px !important; } .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab { flex: none !important; grid-template-columns: 1fr !important; grid-template-rows: auto auto auto auto !important; min-height: 142px !important; } .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn.previous, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn.next, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-count { grid-column: 1 !important; } .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn strong { font-size: 13px !important; max-height: 86px !important; text-align: center !important; text-orientation: mixed !important; white-space: normal !important; writing-mode: vertical-rl !important; } .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-context { align-items: stretch !important; display: grid !important; gap: 6px !important; justify-items: center !important; min-width: 0 !important; } .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-separator { display: block !important; } .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chips, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack { display: grid !important; flex: none !important; gap: 5px !important; min-width: 0 !important; overflow: visible !important; padding: 0 !important; } .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack { gap: 6px !important; } .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack::before, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack::after { width: 65px !important; } .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip { flex: none !important; } } /* Authoritative lead navigator tag color: white shells, blue arrows. */ .selected-lead-panel .selected-lead-head, .selected-lead-panel .selected-lead-topline, .selected-lead-panel .selected-lead-nav, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab { background: #fff !important; } .selected-lead-panel .selected-lead-nav, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab { border-color: color-mix(in srgb, var(--accent) 24%, var(--line)) !important; } .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab:hover, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab:hover, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab:hover { background: #fff !important; border-color: color-mix(in srgb, var(--accent) 44%, var(--line)) !important; } .selected-lead-panel .lead-nav-btn, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-nav-btn { color: var(--accent) !important; } .selected-lead-panel .selected-lead-name-row .name-link, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn strong, .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn strong, .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn strong { color: #101820 !important; } /* Full expanded lead pane dropdown values use normal dropdown text, not chip display type. */ .workspace.has-side-panel > .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="purpose"]) .quick-choice-menu summary, .workspace.has-side-panel > .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="occupancy"]) .quick-choice-menu summary { align-items: center !important; grid-template-columns: minmax(0,1fr) 14px !important; justify-items: stretch !important; padding-left: 10px !important; padding-right: 10px !important; } .workspace.has-side-panel > .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="purpose"]) .quick-choice-menu summary::after, .workspace.has-side-panel > .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="occupancy"]) .quick-choice-menu summary::after { justify-self: end !important; position: static !important; right: auto !important; } .workspace.has-side-panel > .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="purpose"]) .quick-choice-menu strong, .workspace.has-side-panel > .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="occupancy"]) .quick-choice-menu strong { display: block !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.1 !important; margin: 0 !important; max-width: 100% !important; min-height: 0 !important; overflow: hidden !important; text-align: left !important; text-overflow: ellipsis !important; text-wrap: nowrap !important; white-space: nowrap !important; width: 100% !important; } /* Inline expanded lead pane dropdown values match the full side pane treatment. */ .lead-inline-detail-stack .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="purpose"]) .quick-choice-menu summary, .lead-inline-detail-stack .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="occupancy"]) .quick-choice-menu summary { align-items: center !important; grid-template-columns: minmax(0,1fr) 14px !important; justify-items: stretch !important; padding-left: 10px !important; padding-right: 10px !important; } .lead-inline-detail-stack .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="purpose"]) .quick-choice-menu summary::after, .lead-inline-detail-stack .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="occupancy"]) .quick-choice-menu summary::after { justify-self: end !important; position: static !important; right: auto !important; } .lead-inline-detail-stack .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="purpose"]) .quick-choice-menu strong, .lead-inline-detail-stack .selected-lead-panel .detail-grid .quick-choice-detail:has(> span[data-editor-field="occupancy"]) .quick-choice-menu strong { display: block !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.1 !important; margin: 0 !important; max-width: 100% !important; min-height: 0 !important; overflow: hidden !important; text-align: left !important; text-overflow: ellipsis !important; text-wrap: nowrap !important; white-space: nowrap !important; width: 100% !important; } /* Mobile collapsed editor polish: fit Property/Scenario rows and pin compact actions. */ @media (max-width: 520px) { .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary { grid-template-columns: max-content minmax(0,1fr) var(--property-zillow-slot-width, 98px) !important; overflow: hidden !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-links { max-width: var(--property-zillow-slot-width, 98px) !important; width: var(--property-zillow-slot-width, 98px) !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-location, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact { max-width: 100% !important; min-width: 0 !important; width: 100% !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-input { min-width: 0 !important; width: 100% !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property[open] .property-summary-links { transform: translateX(8px) !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu { background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; padding: 0 !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child { padding-right: 10px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-head-actions { margin-left: 0 !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { align-self: center !important; flex: 0 0 52px !important; height: 35px !important; margin-left: 0 !important; min-height: 35px !important; min-width: 52px !important; padding-left: 8px !important; padding-right: 8px !important; width: 52px !important; } } .selected-lead-panel .lead-panel-notes-card[open] > .editor-section-summary { grid-template-columns: max-content minmax(0,1fr) max-content !important; justify-content: stretch !important; } .selected-lead-panel .lead-panel-notes-card[open] .lead-notes-appointment-pill:not(.is-modal-action) { grid-column: 3 !important; justify-self: end !important; } .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle[aria-pressed="true"], .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle[aria-pressed="true"] { background: var(--va-active-bg) !important; border-color: var(--va-active-border) !important; box-shadow: 0 1px 5px color-mix(in srgb, var(--va-active-bg) 34%, transparent) !important; color: #fff !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]) { background: #3d1a78 !important; border-color: #3d1a78 !important; box-shadow: 0 1px 5px color-mix(in srgb, #3d1a78 34%, transparent) !important; color: #fff !important; } /* Collapsed Loan Scenario rows: pin VA/PB action to the real right rail, matching expanded alignment. */ .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary { grid-template-columns: max-content minmax(0,1fr) max-content !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > .lead-card-drag-handle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > .lead-card-drag-handle { display: none !important; } .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions { grid-column: 3 !important; justify-self: end !important; margin-left: 0 !important; width: auto !important; } /* Skinny full lead pane: keep purpose visible between Loan Scenario and VA, and abbreviate Single Family. */ .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap, .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap { display: grid !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: stretch !important; margin-top: calc(var(--lead-card-header-label-top) - 3px) !important; min-width: 0 !important; width: 100% !important; } .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts), .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts), .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts) { min-height: calc((var(--lead-card-header-pill-height) * 2) + 13px) !important; row-gap: 10px !important; } .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-two-rows), .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-two-rows), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-two-rows), .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-two-rows) { min-height: calc((var(--lead-card-header-pill-height) * 3) + 13px) !important; } .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-three-rows), .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-three-rows), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-three-rows), .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-three-rows) { min-height: calc((var(--lead-card-header-pill-height) * 4) + 13px) !important; } .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-collapsed-facts, .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-collapsed-facts, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-collapsed-facts, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-collapsed-facts { display: grid !important; grid-column: 1 / -1 !important; grid-row: 2 !important; margin-top: 0 !important; width: 100% !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .property-type-label-full { display: none !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .property-type-label-short { display: inline !important; } /* Skinny desktop lead pane: Loan Scenario is one row unless missing data needs the warning row. */ @media (pointer: fine) and (max-width: 1180px) { .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]):not(:has(.scenario-collapsed-fact.is-missing)) { min-height: 0 !important; padding-bottom: 8px !important; padding-top: 8px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:not(:has(.scenario-collapsed-fact.is-missing)), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts:not(:has(.scenario-collapsed-fact.is-missing))) { grid-template-columns: max-content minmax(0,1fr) max-content !important; min-height: calc(var(--lead-card-header-pill-height) + 2px) !important; row-gap: 0 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-collapsed-facts:not(:has(.scenario-collapsed-fact.is-missing)) { display: none !important; } } /* Full side-panel lead pane: clean collapsed Loan Scenario stays one row unless a missing-data chip exists. */ .workspace.has-side-panel .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]):not(:has(.scenario-collapsed-fact.is-missing)), .lead-table-region .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]):not(:has(.scenario-collapsed-fact.is-missing)), .lead-expanded-workspace-frame .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]):not(:has(.scenario-collapsed-fact.is-missing)) { min-height: 0 !important; padding-bottom: 8px !important; padding-top: 8px !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:not(:has(.scenario-collapsed-fact.is-missing)), .workspace.has-side-panel .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts:not(:has(.scenario-collapsed-fact.is-missing))), .lead-table-region .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:not(:has(.scenario-collapsed-fact.is-missing)), .lead-table-region .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts:not(:has(.scenario-collapsed-fact.is-missing))), .lead-expanded-workspace-frame .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:not(:has(.scenario-collapsed-fact.is-missing)), .lead-expanded-workspace-frame .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts:not(:has(.scenario-collapsed-fact.is-missing))) { grid-template-columns: max-content minmax(0,1fr) max-content !important; min-height: calc(var(--lead-card-header-pill-height) + 2px) !important; row-gap: 0 !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-collapsed-facts:not(:has(.scenario-collapsed-fact.is-missing)), .lead-table-region .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-collapsed-facts:not(:has(.scenario-collapsed-fact.is-missing)), .lead-expanded-workspace-frame .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-collapsed-facts:not(:has(.scenario-collapsed-fact.is-missing)) { display: none !important; } /* Compact Formal button and lead action chips: skinny desktop/mobile polish. */ .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { align-self: center !important; flex: 0 0 52px !important; height: 35px !important; margin-left: 0 !important; min-height: 35px !important; min-width: 52px !important; padding-left: 8px !important; padding-right: 8px !important; width: 52px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { align-self: center !important; background: var(--paper) !important; border-color: var(--line) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent) !important; color: var(--ink) !important; height: 35px !important; margin-left: auto !important; min-height: 35px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle.is-on { background: var(--paper) !important; border-color: var(--line) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent) !important; color: var(--ink) !important; } .lead-rail-chip-stack:not(.pipeline-rail-chip-stack) > .lead-rail-chip, .lead-rail-inline-block .lead-rail-chip-stack:not(.pipeline-rail-chip-stack) > .lead-rail-chip, .lead-rail-inline-row .lead-rail-chip-stack:not(.pipeline-rail-chip-stack) > .lead-rail-chip, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack:not(.pipeline-rail-chip-stack) > .lead-rail-chip { background: var(--lead-pane-neutral-fill, var(--window-bg)) !important; border-color: var(--lead-pane-neutral-border, var(--window-border)) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 42%, transparent) !important; color: var(--lead-pane-text, var(--ink)) !important; } .lead-rail-chip-stack:not(.pipeline-rail-chip-stack) > .lead-rail-chip:hover, .lead-rail-chip-stack:not(.pipeline-rail-chip-stack) > .lead-rail-chip:focus, .lead-rail-inline-block .lead-rail-chip-stack:not(.pipeline-rail-chip-stack) > .lead-rail-chip:hover, .lead-rail-inline-block .lead-rail-chip-stack:not(.pipeline-rail-chip-stack) > .lead-rail-chip:focus, .lead-rail-inline-row .lead-rail-chip-stack:not(.pipeline-rail-chip-stack) > .lead-rail-chip:hover, .lead-rail-inline-row .lead-rail-chip-stack:not(.pipeline-rail-chip-stack) > .lead-rail-chip:focus, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack:not(.pipeline-rail-chip-stack) > .lead-rail-chip:hover, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip-stack:not(.pipeline-rail-chip-stack) > .lead-rail-chip:focus { background: color-mix(in srgb, var(--lead-pane-neutral-fill, var(--window-bg)) 92%, var(--accent)) !important; border-color: color-mix(in srgb, var(--accent) 38%, var(--lead-pane-neutral-border, var(--window-border))) !important; color: var(--lead-pane-text, var(--ink)) !important; } /* Mortgage collapsed headers: keep the right-side controls on the VA/Formal footprint. */ .mini-rate-snapshot-frame:not([open]) { gap: 0 !important; padding-bottom: 6px !important; padding-top: 6px !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head { align-items: center !important; flex-wrap: nowrap !important; min-height: 36px !important; row-gap: 0 !important; } .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { align-self: center !important; background: var(--paper) !important; border-color: var(--line) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent) !important; color: var(--ink) !important; flex: 0 0 52px !important; height: 35px !important; min-height: 35px !important; min-width: 52px !important; padding-left: 8px !important; padding-right: 8px !important; width: 52px !important; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { margin-left: auto !important; } .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions, .mini-piggyback-stack-frame > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions { align-items: center !important; align-self: center !important; display: inline-flex !important; flex: 0 0 auto !important; justify-content: flex-end !important; margin-left: auto !important; min-width: 0 !important; order: 3 !important; width: auto !important; } .mini-rate-snapshot-head.has-second-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble.is-compact, .mini-rate-snapshot-head.has-second-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble.is-compact.is-on, .mini-piggyback-stack-frame .mini-rate-snapshot-head.has-second-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble.is-compact, .mini-piggyback-stack-frame .mini-rate-snapshot-head.has-second-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble.is-compact.is-on { background: var(--paper) !important; border-color: var(--line) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent) !important; color: var(--ink) !important; flex: 0 0 52px !important; font-weight: 650 !important; height: 35px !important; min-height: 35px !important; min-width: 52px !important; padding-left: 8px !important; padding-right: 8px !important; width: 52px !important; } .scenario-purpose-summary-choice-shell .custom-choice-menu summary strong.custom-choice-summary-rich { overflow: visible !important; text-overflow: clip !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .mini-piggyback-stack-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]) { background: color-mix(in srgb, var(--accent) 12%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 44%, var(--line)) !important; box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent) !important; color: color-mix(in srgb, var(--ink) 86%, var(--accent)) !important; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-second-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .mini-piggyback-stack-frame[open] > .mini-rate-snapshot-head.has-second-mortgage-actions .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]) { background: color-mix(in srgb, var(--accent) 12%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 44%, var(--line)) !important; box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent) !important; color: color-mix(in srgb, var(--ink) 86%, var(--accent)) !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]) { background: color-mix(in srgb, var(--accent) 12%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 44%, var(--line)) !important; box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent) !important; color: color-mix(in srgb, var(--ink) 86%, var(--accent)) !important; } @media (max-width: 820px) { .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions { box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(128px,1fr) minmax(0,.95fr) 52px !important; overflow: hidden !important; padding-left: 5px !important; padding-right: 5px !important; width: 100% !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions { box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(128px,1fr) minmax(0,.95fr) 52px !important; overflow: hidden !important; padding-left: 5px !important; padding-right: 5px !important; width: 100% !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips { box-sizing: border-box !important; justify-content: center !important; margin-right: 0 !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; width: 100% !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions .mini-snapshot-head-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions .mini-snapshot-head-actions { justify-self: end !important; margin-left: 0 !important; } } /* Collapsed mortgage warning row: keep Formal/P-B on row one, warning full-width below. */ .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions { flex-wrap: wrap !important; min-height: 0 !important; overflow: visible !important; row-gap: 6px !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { margin-left: auto !important; order: 3 !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions { margin-left: auto !important; order: 3 !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-warning-chip, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-warning-chip, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-warning-chip, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-warning-chip, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-warning-chip, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-warning-chip { align-self: stretch !important; border-radius: 7px !important; box-sizing: border-box !important; display: inline-flex !important; flex: 0 0 100% !important; justify-content: flex-start !important; margin: 0 !important; max-width: none !important; min-height: 28px !important; order: 4 !important; padding: 7px 10px !important; width: 100% !important; } @media (max-width: 820px) { .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions { grid-template-rows: auto auto !important; row-gap: 6px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-warning-chip, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-warning-chip, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-warning-chip, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-warning-chip { grid-column: 1 / -1 !important; grid-row: 2 !important; justify-self: stretch !important; } } /* Desktop skinny expanded Loan Scenario: match Property card density while mobile stays one-column. */ .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary { margin-bottom: 8px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body { gap: 8px 10px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; padding-top: 0 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > * { grid-column: auto !important; grid-row: auto !important; min-width: 0; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-top-right-spacer { display: none !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico { grid-column: 2 !important; grid-row: 1 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-occupancy { grid-column: 1 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-purpose { grid-column: 2 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 2 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-down-payment { grid-column: 1 !important; grid-row: 3 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose { grid-row: 4 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-second-loan { grid-column: 2 !important; grid-row: 2 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-down-payment { grid-column: 1 !important; grid-row: 3 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose { grid-row: 4 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .scenario-field-ratio-pair { display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); min-width: 0; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .scenario-field-ratio-pair label { margin-bottom: 0; min-width: 0; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 2 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-occupancy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-purpose { grid-row: 3 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 2 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-second-balance { grid-column: 1 !important; grid-row: 3 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-cash-out { grid-column: 1 !important; grid-row: 4 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .rate-term-second-toggle-row { grid-column: 1 / -1 !important; grid-row: 5 !important; margin-bottom: 0; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-occupancy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-purpose { grid-row: 5 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .rate-term-second-toggle-row { grid-column: 1 !important; grid-row: 4 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-cash-out { grid-column: 1 !important; grid-row: 5 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-occupancy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-purpose { grid-row: 6 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 3 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv { grid-column: 1 / -1 !important; grid-row: 4 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(.has-second-lien-treatment) > .scenario-field-occupancy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(.has-second-lien-treatment) > .scenario-field-purpose { grid-row: 5 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body { gap: 8px !important; grid-template-columns: minmax(0,1fr) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > *, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > label, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .rate-term-second-toggle-row { grid-column: 1 / -1 !important; grid-row: auto !important; min-width: 0; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-top-right-spacer { display: none !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > :is(.scenario-field-value,.scenario-field-fico,.scenario-field-first-loan,.scenario-field-second-loan,.scenario-field-down-payment,.scenario-field-first-balance,.scenario-field-current-rate,.scenario-field-second-balance,.scenario-field-second-current-rate,.scenario-field-cash-out,.scenario-field-ltv,.scenario-field-purpose,.scenario-field-occupancy,.scenario-field-ratio-pair,.rate-term-second-toggle-row) { grid-column: 1 / -1 !important; grid-row: auto !important; width: 100%; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .scenario-field-ratio-pair, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .rate-term-second-toggle-row { grid-template-columns: minmax(0,1fr) !important; } /* Dark mode lead editor readability: late label/value overrides must stay light. */ [data-theme="dark"] .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, [data-theme="dark"] .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, [data-theme="dark"] .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, [data-theme="dark"] .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, [data-theme="dark"] .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, [data-theme="dark"] .mini-rate-snapshot-head > span:first-child, [data-theme="dark"] .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child, [data-theme="dark"] .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, [data-theme="dark"] .pipeline-editor .pipeline-editor-card > .editor-section-summary > span:first-child, [data-theme="dark"] .admin-tab-section > summary > span:first-child, [data-theme="dark"] .admin-inline-tab-section > summary > span:first-child, [data-theme="dark"] .control-framed-label, [data-theme="dark"] .pricing-presets-summary .pricing-presets-title, [data-theme="dark"] .lead-inline-detail-stack .pricing-presets-summary .pricing-presets-title { color: var(--ink) !important; } [data-theme="dark"] .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-fact > span, [data-theme="dark"] .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact:not(.is-missing) > span, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .property-summary-fact > span, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .scenario-collapsed-fact:not(.is-missing) > span, [data-theme="dark"] .selected-lead-panel .detail-grid .quick-detail > span, [data-theme="dark"] .lead-scenario-fields[open] .lead-scenario-body > label, [data-theme="dark"] .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label, [data-theme="dark"] .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label, [data-theme="dark"] .lead-top-collapsible-card.editor-property[open] .editor-section-body label, [data-theme="dark"] .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body label, [data-theme="dark"] .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .editor-section-body label { color: color-mix(in srgb, var(--ink) 88%, var(--muted)) !important; } [data-theme="dark"] .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu strong, [data-theme="dark"] .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, [data-theme="dark"] .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-select, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-select, [data-theme="dark"] .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-select, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-select, [data-theme="dark"] .property-summary-type-choice-shell .property-type-label-full, [data-theme="dark"] .property-summary-type-choice-shell .property-type-label-short, [data-theme="dark"] .lead-scenario-fields[open] .lead-scenario-body > label input, [data-theme="dark"] .lead-scenario-fields[open] .lead-scenario-body > label select, [data-theme="dark"] .lead-scenario-fields[open] .lead-scenario-body > label .custom-choice-menu strong, [data-theme="dark"] .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label input, [data-theme="dark"] .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label select, [data-theme="dark"] .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label .custom-choice-menu strong, [data-theme="dark"] .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label input, [data-theme="dark"] .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label select, [data-theme="dark"] .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label .custom-choice-menu strong, [data-theme="dark"] .lead-top-collapsible-card.editor-property[open] .editor-section-body input, [data-theme="dark"] .lead-top-collapsible-card.editor-property[open] .editor-section-body select, [data-theme="dark"] .lead-top-collapsible-card.editor-property[open] .editor-section-body .custom-choice-menu strong, [data-theme="dark"] .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body input, [data-theme="dark"] .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body select, [data-theme="dark"] .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body .custom-choice-menu strong, [data-theme="dark"] .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .editor-section-body input, [data-theme="dark"] .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .editor-section-body select, [data-theme="dark"] .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .editor-section-body .custom-choice-menu strong, [data-theme="dark"] .selected-lead-panel .detail-grid .quick-detail input, [data-theme="dark"] .selected-lead-panel .detail-grid .quick-detail select, [data-theme="dark"] .selected-lead-panel .detail-grid .quick-detail .quick-choice-menu strong, [data-theme="dark"] .selected-lead-panel .detail-grid .quick-detail .quick-choice-value-stack span { color: var(--ink) !important; } [data-theme="dark"] .lead-top-collapsible-card.editor-property[open] .county-field input[readonly], [data-theme="dark"] .lead-top-collapsible-card.editor-property[open] .county-field.zillow-updated-field input[readonly]:not(:focus), [data-theme="dark"] .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .county-field input[readonly], [data-theme="dark"] .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .county-field.zillow-updated-field input[readonly]:not(:focus), [data-theme="dark"] .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .county-field input[readonly], [data-theme="dark"] .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .county-field.zillow-updated-field input[readonly]:not(:focus) { color: var(--ink) !important; } [data-theme="dark"] .mini-eligibility-drawer .eligibility-notes .eligibility-subhead span, [data-theme="dark"] .mini-eligibility-drawer .eligibility-notes .eligibility-subhead strong { background: transparent !important; color: var(--ink) !important; } [data-theme="dark"] .fee-buyout-toggle { background: color-mix(in srgb, var(--brand-gold) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--brand-gold) 72%, var(--line)) !important; color: color-mix(in srgb, var(--brand-gold) 78%, var(--ink)) !important; } [data-theme="dark"] .fee-buyout-toggle span { background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)) !important; border-color: color-mix(in srgb, var(--brand-gold) 82%, var(--line)) !important; } [data-theme="dark"] .fee-buyout-toggle:hover, [data-theme="dark"] .fee-buyout-toggle:focus { background: color-mix(in srgb, var(--brand-gold) 15%, var(--paper)) !important; border-color: var(--brand-gold) !important; color: var(--ink) !important; } [data-theme="dark"] .fee-buyout-toggle.is-on { background: color-mix(in srgb, var(--brand-gold) 22%, var(--paper)) !important; border-color: var(--brand-gold) !important; color: var(--ink) !important; } [data-theme="dark"] .fee-buyout-toggle.fee-financed-pill { background: color-mix(in srgb, #2d8ce6 10%, var(--paper)) !important; border-color: color-mix(in srgb, #2d8ce6 72%, var(--line)) !important; color: color-mix(in srgb, #2d8ce6 76%, var(--ink)) !important; } [data-theme="dark"] .fee-buyout-toggle.fee-financed-pill span { background: color-mix(in srgb, #2d8ce6 8%, var(--paper)) !important; border-color: color-mix(in srgb, #2d8ce6 82%, var(--line)) !important; } [data-theme="dark"] .fee-buyout-toggle.fee-financed-pill:hover, [data-theme="dark"] .fee-buyout-toggle.fee-financed-pill:focus { background: color-mix(in srgb, #2d8ce6 16%, var(--paper)) !important; border-color: #2d8ce6 !important; color: var(--ink) !important; } [data-theme="dark"] .fee-buyout-toggle.fee-financed-pill.is-on { background: color-mix(in srgb, #2d8ce6 22%, var(--paper)) !important; border-color: #2d8ce6 !important; color: var(--ink) !important; } [data-theme="dark"] .fee-buyout-toggle.fee-financed-pill.is-on span { background: #2d8ce6 !important; border-color: color-mix(in srgb, #2d8ce6 88%, var(--line)) !important; box-shadow: inset 0 0 0 2px var(--paper) !important; } [data-theme="dark"] .fee-buyout-toggle[data-mini-origination-buyout]:not(#sq-dark-buyout-pill-blue-lock) { background: color-mix(in srgb, #2d8ce6 10%, var(--paper)) !important; border-color: color-mix(in srgb, #2d8ce6 72%, var(--line)) !important; color: color-mix(in srgb, #2d8ce6 76%, var(--ink)) !important; } [data-theme="dark"] .fee-buyout-toggle[data-mini-origination-buyout]:not(#sq-dark-buyout-pill-blue-lock) span { background: color-mix(in srgb, #2d8ce6 8%, var(--paper)) !important; border-color: color-mix(in srgb, #2d8ce6 82%, var(--line)) !important; } [data-theme="dark"] .fee-buyout-toggle[data-mini-origination-buyout]:not(#sq-dark-buyout-pill-blue-lock):is(:hover,:focus,.is-on) { background: color-mix(in srgb, #2d8ce6 18%, var(--paper)) !important; border-color: #2d8ce6 !important; color: var(--ink) !important; } [data-theme="dark"] .fee-buyout-toggle[data-mini-origination-buyout].is-on:not(#sq-dark-buyout-pill-blue-lock) span { background: #2d8ce6 !important; border-color: color-mix(in srgb, #2d8ce6 88%, var(--line)) !important; box-shadow: inset 0 0 0 2px var(--paper) !important; } [data-theme="dark"] .fee-ufmip-calendar-toggle { background: color-mix(in srgb, #2d8ce6 10%, var(--paper)) !important; border-color: color-mix(in srgb, #2d8ce6 72%, var(--line)) !important; color: color-mix(in srgb, #2d8ce6 76%, var(--ink)) !important; } [data-theme="dark"] .fee-ufmip-calendar-toggle:hover, [data-theme="dark"] .fee-ufmip-calendar-toggle:focus, [data-theme="dark"] .fee-ufmip-calendar-toggle.is-selected { background: color-mix(in srgb, #2d8ce6 18%, var(--paper)) !important; border-color: #2d8ce6 !important; color: var(--ink) !important; } [data-theme="dark"] .fee-ufmip-calendar-popover { background: var(--paper) !important; border-color: color-mix(in srgb, #2d8ce6 58%, var(--line)) !important; box-shadow: 0 16px 34px rgba(0,0,0,.44) !important; } [data-theme="dark"] .fee-ufmip-original-loan-field input { background: color-mix(in srgb, var(--soft) 70%, var(--paper)) !important; border-color: color-mix(in srgb, var(--line) 82%, transparent) !important; color: var(--ink) !important; } [data-theme="dark"] .fee-ufmip-refund-controls input { background: color-mix(in srgb, var(--soft) 70%, var(--paper)) !important; border-color: color-mix(in srgb, var(--line) 82%, transparent) !important; color: var(--ink) !important; } [data-theme="dark"] .fee-ufmip-original-loan-field input:focus { border-color: #2d8ce6 !important; box-shadow: 0 0 0 2px color-mix(in srgb, #2d8ce6 22%, transparent) !important; } [data-theme="dark"] .fee-ufmip-refund-controls input:focus { border-color: #2d8ce6 !important; box-shadow: 0 0 0 2px color-mix(in srgb, #2d8ce6 22%, transparent) !important; } [data-theme="dark"] .fee-ufmip-date-wheel select { background: color-mix(in srgb, var(--soft) 70%, var(--paper)) !important; border-color: color-mix(in srgb, var(--line) 82%, transparent) !important; color: var(--ink) !important; } [data-theme="dark"] .fee-ufmip-date-wheel select:focus { background: color-mix(in srgb, #2d8ce6 18%, var(--paper)) !important; border-color: #2d8ce6 !important; } [data-theme="dark"] .fee-title-reissue-toggle { background: color-mix(in srgb, #2d8ce6 10%, var(--paper)) !important; border-color: color-mix(in srgb, #2d8ce6 72%, var(--line)) !important; color: color-mix(in srgb, #2d8ce6 76%, var(--ink)) !important; } [data-theme="dark"] .fee-title-reissue-toggle:hover, [data-theme="dark"] .fee-title-reissue-toggle:focus, [data-theme="dark"] .fee-title-reissue-toggle.is-on { background: color-mix(in srgb, #2d8ce6 18%, var(--paper)) !important; border-color: #2d8ce6 !important; color: var(--ink) !important; } [data-theme="dark"] .fee-title-reissue-calendar-toggle { background: color-mix(in srgb, #2d8ce6 10%, var(--paper)) !important; border-color: color-mix(in srgb, #2d8ce6 72%, var(--line)) !important; color: color-mix(in srgb, #2d8ce6 76%, var(--ink)) !important; } [data-theme="dark"] .fee-title-reissue-calendar-toggle:hover, [data-theme="dark"] .fee-title-reissue-calendar-toggle:focus, [data-theme="dark"] .fee-title-reissue-calendar-toggle.is-selected { background: color-mix(in srgb, #2d8ce6 18%, var(--paper)) !important; border-color: #2d8ce6 !important; color: var(--ink) !important; } [data-theme="dark"] .fee-title-reissue-calendar-popover { background: var(--paper) !important; border-color: color-mix(in srgb, #2d8ce6 58%, var(--line)) !important; box-shadow: 0 16px 34px rgba(0,0,0,.44) !important; } [data-theme="dark"] .fee-title-reissue-calendar-head { background: color-mix(in srgb, var(--soft) 78%, var(--paper)) !important; } [data-theme="dark"] .fee-title-reissue-month-option.is-selected { color: color-mix(in srgb, #2d8ce6 82%, var(--ink)) !important; } [data-theme="dark"] .fee-title-reissue-controls input { background: color-mix(in srgb, var(--soft) 70%, var(--paper)) !important; border-color: color-mix(in srgb, var(--line) 82%, transparent) !important; color: var(--ink) !important; } [data-theme="dark"] .fee-title-reissue-controls input:focus { border-color: #2d8ce6 !important; box-shadow: 0 0 0 2px color-mix(in srgb, #2d8ce6 22%, transparent) !important; } /* Dark mode mortgage stack readability: option cards, badges, and preferred-auto notices. */ [data-theme="dark"] .lead-editor-grid .mini-rate-snapshot-frame[open], [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open], [data-theme="dark"] .workspace.has-lead-rail .expanded-row .mini-rate-snapshot-frame[open] { --ink: #071523; --line: #d8dee6; --muted: #526274; --paper: #fff; --soft: #f4f7fb; --window-bg: #f7f9fc; --window-bg-raised: #fff; --window-border: #cfd7e1; background: #fff !important; border-color: #cfd7e1 !important; color: #071523 !important; } [data-theme="dark"] .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-quote-summary, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-quote-summary, [data-theme="dark"] .workspace.has-lead-rail .expanded-row .mini-rate-snapshot-frame[open] .mini-quote-summary, [data-theme="dark"] .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-fee-strip > div, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-fee-strip > div, [data-theme="dark"] .workspace.has-lead-rail .expanded-row .mini-rate-snapshot-frame[open] .mini-fee-strip > div, [data-theme="dark"] .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-fee-note, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-fee-note, [data-theme="dark"] .workspace.has-lead-rail .expanded-row .mini-rate-snapshot-frame[open] .mini-fee-note { background: #fff !important; border-color: #cfd7e1 !important; color: #071523 !important; } [data-theme="dark"] .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-price-option strong, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-price-option strong, [data-theme="dark"] .workspace.has-lead-rail .expanded-row .mini-rate-snapshot-frame[open] .mini-price-option strong { color: #071523 !important; } [data-theme="dark"] .quote-selection-tab-1, [data-theme="dark"] .quote-selection-tab-2 { color: #fff !important; } [data-theme="dark"] .quote-selection-tab-3 { color: #071523 !important; } [data-theme="dark"] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable) { background: linear-gradient(135deg,color-mix(in srgb,var(--auto-mood-a, var(--primary)) 94%,#000),color-mix(in srgb,var(--auto-mood-b, var(--accent)) 88%,#000)) !important; border-color: color-mix(in srgb,var(--auto-mood-c, var(--accent)) 58%,var(--auto-mood-a, var(--primary))) !important; color: #fff !important; } [data-theme="dark"] .quote-selection-label, [data-theme="dark"] .quote-selection-label strong, [data-theme="dark"] .quote-selection-label span, [data-theme="dark"] .quote-selection-label small, [data-theme="dark"] .quote-selection-label em { color: inherit !important; font-weight: 650 !important; opacity: 1 !important; text-shadow: 0 1px 2px rgba(0,0,0,.28); } [data-theme="dark"] .quote-selection-tab-3 .quote-selection-label, [data-theme="dark"] .quote-selection-tab-3 .quote-selection-label strong, [data-theme="dark"] .quote-selection-tab-3 .quote-selection-label span, [data-theme="dark"] .quote-selection-tab-3 .quote-selection-label small, [data-theme="dark"] .quote-selection-tab-3 .quote-selection-label em { text-shadow: 0 1px 1px rgba(255,255,255,.22); } [data-theme="dark"] .quote-selection-tab.is-selected .quote-selection-label, [data-theme="dark"] .quote-selection-tab.is-selected .quote-selection-label strong, [data-theme="dark"] .quote-selection-tab.is-selected .quote-selection-label span, [data-theme="dark"] .quote-selection-tab.is-selected .quote-selection-label small, [data-theme="dark"] .quote-selection-tab.is-selected .quote-selection-label em { font-weight: 700 !important; } [data-theme="dark"] .quote-selection-number-tab, [data-theme="dark"] .quote-selection-tab.is-selected .quote-selection-number-tab { background: #f8fbff !important; border-color: #b9d8ee !important; color: #071523 !important; font-weight: 700 !important; text-shadow: none !important; } [data-theme="dark"] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable) .quote-selection-number-tab, [data-theme="dark"] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected .quote-selection-number-tab { background: rgba(7,21,35,.76) !important; border-color: rgba(255,255,255,.34) !important; color: #fff !important; } [data-theme="dark"] .mini-preset-auto-mood { background: linear-gradient(135deg,color-mix(in srgb,var(--auto-mood-a, var(--primary)) 94%,#000),color-mix(in srgb,var(--auto-mood-b, var(--accent)) 88%,#000)) !important; border-color: color-mix(in srgb,var(--auto-mood-c, var(--accent)) 58%,var(--auto-mood-a, var(--primary))) !important; color: #fff !important; } [data-theme="dark"] .mini-preset-auto-mood em { color: #fff !important; } [data-theme="dark"] .pricing-preset-preview-row.has-auto-mood .pricing-preset-option-count { background: linear-gradient(135deg,color-mix(in srgb,var(--auto-mood-a, var(--primary)) 94%,#000),color-mix(in srgb,var(--auto-mood-b, var(--accent)) 88%,#000)) !important; border-color: color-mix(in srgb,var(--auto-mood-c, var(--accent)) 58%,var(--auto-mood-a, var(--primary))) !important; color: #fff !important; } [data-theme="dark"] .mini-preferred-auto-notice { background: color-mix(in srgb, var(--accent) 16%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 58%, var(--line)) !important; color: color-mix(in srgb, #e9f8ff 88%, var(--ink)) !important; } [data-theme="dark"] .mini-preferred-auto-notice strong { color: color-mix(in srgb, var(--accent) 42%, #f3fbff) !important; } [data-theme="dark"] .mini-preferred-auto-notice span { color: color-mix(in srgb, #e9f8ff 86%, var(--ink)) !important; font-weight: 500 !important; } [data-theme="dark"] .mini-pricing-warning { background: color-mix(in srgb, var(--red) 15%, var(--paper)) !important; border-color: color-mix(in srgb, var(--red) 46%, var(--line)) !important; color: color-mix(in srgb, #ffdfe4 86%, var(--ink)) !important; font-weight: 500 !important; } [data-theme="dark"] .mini-snapshot-warning-chip { background: color-mix(in srgb, var(--red) 18%, var(--paper)) !important; border-color: color-mix(in srgb, var(--red) 50%, var(--line)) !important; color: color-mix(in srgb, #ffdfe4 88%, var(--ink)) !important; } /* Mortgage header/collapse bars: show selected preset lenders as non-interactive indicators. */ .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips { pointer-events: auto !important; } /* Mortgage preset drawer: keep the Preferred / Structure / Comp controls on one exact baseline. */ .mini-control-stack-top { --mini-preset-label-height: 12px; --mini-preset-control-height: 40px; align-items: start; } .mini-control-pref-field, .mini-control-structure-field, .mini-control-mood-field, .mini-control-comp-input { align-content: start !important; grid-template-rows: var(--mini-preset-label-height) var(--mini-preset-control-height); } .mini-control-pref-field > span:not(.custom-choice-shell), .mini-control-structure-field > span, .mini-control-mood-field > span, .mini-control-comp-input > span:not(.custom-choice-shell) { align-items: center; display: flex; height: var(--mini-preset-label-height); justify-content: center; min-height: var(--mini-preset-label-height); } .mini-control-pref-field > .custom-choice-shell, .mini-control-comp-input > .custom-choice-shell, .mini-control-mood-field > .mini-preset-auto-mood.is-expanded-control, .mini-control-structure-toggle { grid-row: 2; min-height: var(--mini-preset-control-height); } .mini-control-pref-field .mini-pref-choice-shell .custom-choice-menu summary, .mini-control-structure-toggle, .mini-control-mood-field .mini-preset-auto-mood.is-expanded-control, .mini-comp-choice-shell .custom-choice-menu summary { box-sizing: border-box; height: var(--mini-preset-control-height); min-height: var(--mini-preset-control-height); } .mini-control-pref-field .mini-pref-choice-shell .custom-choice-menu summary, .mini-comp-choice-shell .custom-choice-menu summary { align-items: center; padding-bottom: 0; padding-top: 0; } .mini-control-structure-toggle { font-weight: 950 !important; padding-bottom: 0; padding-top: 0; } .mini-control-structure-toggle.is-lpc:hover, .mini-control-structure-toggle.is-lpc:focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--green) 18%, transparent); } .mini-control-structure-toggle.is-bpc:hover, .mini-control-structure-toggle.is-bpc:focus, .mini-control-structure-toggle.is-corr:hover, .mini-control-structure-toggle.is-corr:focus { box-shadow: 0 0 0 2px color-mix(in srgb, #1d7cc1 18%, transparent); } @media (max-width: 980px) { .deterministic-auto-panel-grid { grid-template-columns: 1fr; } .deterministic-auto-panel { grid-template-columns: 96px minmax(0,1fr); min-height: 118px; padding: 14px; } .deterministic-auto-logo { height: 76px; width: 96px; } .deterministic-auto-heading { font-size: 18px; } .mini-control-stack-top { --mini-preset-label-height: 12px; --mini-preset-control-height: 34px; } } @container (max-width: 390px) { .mini-control-stack-top { --mini-preset-label-height: 12px; --mini-preset-control-height: 36px; } } /* Inline expanded lead controls: keep buttons readable against custom palette fills. */ .lead-inline-detail-stack { --inline-control-stencil-border: color-mix(in srgb, #000 34%, var(--line)); } .lead-inline-detail-stack :is( .selected-lead-panel .lead-panel-control-icon, .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu summary, .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, .lead-editor-grid .property-summary-links .zillow-scraper-pill, .mini-rate-snapshot-head > span:first-child, .mini-rate-snapshot-head > .mini-collapsed-option-chips, .mini-rate-snapshot-head > .mini-formal-compact-toggle, .mini-rate-snapshot-head .piggyback-bubble.is-compact ) { border-color: var(--inline-control-stencil-border) !important; } .lead-inline-detail-stack :is( .selected-lead-panel .lead-panel-control-icon, .lead-editor-grid .property-summary-links .zillow-scraper-pill, .mini-rate-snapshot-head > .mini-collapsed-option-chips ) { box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 46%, transparent) !important; } @media (max-width: 820px) { .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions { grid-template-columns: minmax(0,1fr) 52px !important; } } @media (max-width: 820px) { .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions { align-items: center !important; grid-template-columns: 142px max-content minmax(52px,1fr) !important; grid-template-rows: auto auto !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: 142px !important; min-width: 142px !important; width: 142px !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; max-width: 118px !important; width: max-content !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; } } @media (max-width: 980px) { .landing-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .landing-feature-grid article { min-height: 104px; } } @media (max-width: 640px) { .landing-feature-grid { grid-template-columns: 1fr; } .landing-feature-grid article { min-height: 0; } .landing-section { padding-bottom: 42px; padding-top: 42px; } } /* Collapsed lead quick popouts for Status, Docs, and Notes. */ .lead-quick-popover-backdrop { background: transparent; inset: 0; position: fixed; z-index: 700; } .lead-quick-popover { background: var(--paper); border: 1px solid var(--window-border); border-radius: 8px; box-shadow: 0 18px 42px rgba(16,24,32,.22), inset 0 1px 0 color-mix(in srgb, #fff 55%, transparent); box-sizing: border-box; color: var(--ink); left: var(--lead-quick-popover-left, 12px); max-height: min(680px, calc(100dvh - var(--lead-quick-popover-top, 80px) - 12px)); overflow: auto; padding: 10px; position: fixed; top: var(--lead-quick-popover-top, 80px); width: min(var(--lead-quick-popover-width, 326px), calc(100dvw - 20px)); z-index: 710; } .lead-quick-popover-close { align-items: center; background: color-mix(in srgb, var(--paper) 86%, var(--soft)); border: 1px solid var(--line); border-radius: 999px; color: var(--muted); cursor: pointer; display: inline-flex; font-family: inherit; font-size: 12px; font-weight: 650; height: 24px; justify-content: center; line-height: 1; padding: 0; position: absolute; right: 8px; top: 8px; width: 24px; z-index: 2; } .lead-quick-popover-close:hover, .lead-quick-popover-close:focus { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)); color: var(--accent); outline: 0; } .lead-quick-status-panel { display: grid; gap: 9px; min-width: 0; padding: 2px 0 0; } .lead-quick-tab-label { align-items: center; display: flex; min-height: 34px; padding-right: 30px; } .lead-quick-tab-label > span { align-items: center; background: var(--label-tab-bg); border: 1px solid var(--label-tab-border); border-radius: 7px; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent); color: var(--ink); display: inline-flex; font-size: 14px; font-weight: 400; gap: 8px; justify-content: center; line-height: 1.08; min-height: 32px; padding: 8px 12px 8px 10px; white-space: nowrap; } .lead-quick-tab-label > span::before { background: var(--label-tab-accent); border-radius: 999px; content: ""; display: inline-block; height: 18px; width: var(--section-label-accent-width); } .lead-quick-popover .lead-panel-status-body { gap: 6px 8px; grid-template-columns: repeat(2,minmax(0,1fr)); } .lead-quick-popover .lead-panel-status-body .status-choice { font-size: 11px !important; font-weight: 400 !important; min-height: 29px; padding: 5px 6px; } .lead-quick-popover .lead-panel-status-body .status-choice span { font-weight: 400 !important; } .lead-quick-popover .lead-panel-readiness-status { margin-top: 0; } .lead-quick-notes-panel { display: grid; gap: 6px; min-width: 0; padding: 2px 0 0; } .lead-quick-notes-head { align-items: end; display: grid; gap: 8px; grid-template-columns: max-content; justify-content: end; min-height: 34px; padding-right: 0; } .lead-quick-notes-head .lead-quick-tab-label { min-height: 32px; padding-right: 0; } .lead-quick-notes-title { align-self: end; color: var(--ink); font-size: 14px; font-weight: 400; line-height: 1.2; padding-bottom: 2px; } .lead-quick-popover .lead-notes-appointment-pill { align-self: end; justify-self: end; margin-bottom: 0; min-height: 34px; min-width: 54px; } .lead-quick-notes-panel textarea { background: var(--paper); border: 1px solid var(--line); border-radius: 7px; box-sizing: border-box; color: var(--ink); font-family: inherit; font-size: 13px; font-weight: 400; line-height: 1.35; min-height: 128px; padding: 8px; resize: vertical; width: 100%; } .lead-quick-notes-panel textarea:focus { border-color: color-mix(in srgb, var(--accent) 44%, var(--line)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); outline: 0; } .lead-quick-popover .lead-tool-panel { background: transparent; border: 0; margin-top: 0; padding: 0; } .lead-quick-popover .lead-tool-head { padding-right: 30px; } .lead-quick-popover .lead-tool-head .eyebrow { color: var(--ink); } .lead-tool-panel-compact .doc-selected-chips { max-height: 64px; } .lead-tool-panel-compact .doc-source-grid { gap: 8px; } .lead-tool-panel-compact .doc-source-group { gap: 6px; padding: 8px; } .lead-tool-panel-compact .doc-source-group summary { grid-template-columns: minmax(0,1fr) auto 12px; } .lead-tool-panel-compact .doc-source-group.has-selected:not([open]) { background: color-mix(in srgb, var(--accent) 7%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 28%, var(--line)); } .doc-group-selected-count { align-items: center; background: color-mix(in srgb, var(--accent) 14%, var(--paper)); border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line)); border-radius: 999px; color: color-mix(in srgb, var(--accent) 72%, var(--ink)); display: inline-flex; font-size: 10px; font-weight: 650; justify-content: center; line-height: 1; min-height: 18px; min-width: 18px; padding: 0 5px; } .lead-tool-panel-compact .doc-actions { gap: 7px; } @media (max-width: 420px) { .lead-quick-popover { left: 10px !important; width: calc(100dvw - 20px); } } /* Collapsed mortgage headers: keep skinny placement anchored as the lead pane stretches. */ @media (min-width: 821px) { .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions { align-items: center !important; box-sizing: border-box !important; display: grid !important; gap: 7px !important; grid-template-columns: 148px max-content minmax(52px,1fr) !important; grid-template-rows: auto auto !important; min-height: 0 !important; overflow: visible !important; padding-left: 5px !important; padding-right: 5px !important; width: 100% !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact):has(> .mini-formal-compact-toggle), .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact):has(> .mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact):has(> .mini-formal-compact-toggle) { grid-template-columns: 148px max-content 52px minmax(52px,1fr) !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: 148px !important; min-width: 148px !important; order: initial !important; width: 148px !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-content: center !important; justify-self: start !important; margin-right: 0 !important; max-width: min(118px,100%) !important; min-width: 0 !important; order: initial !important; overflow: hidden !important; width: max-content !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; order: initial !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; order: initial !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact) > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact) > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact) > .mini-formal-compact-toggle { grid-column: 4 !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; order: initial !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-warning-chip, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-warning-chip, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-warning-chip, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-warning-chip, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-warning-chip, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-warning-chip { grid-column: 1 / -1 !important; grid-row: 2 !important; justify-self: stretch !important; order: initial !important; } } /* Mobile expanded mortgage rows: keep Formal on the header while Presets stays on one compact row. */ @media (max-width: 820px) { .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions { align-items: center !important; box-sizing: border-box !important; column-gap: 8px !important; display: grid !important; grid-template-columns: max-content max-content !important; grid-template-rows: auto !important; justify-content: space-between !important; min-height: 44px !important; padding-left: 5px !important; padding-right: 5px !important; row-gap: 0 !important; width: 100% !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: max-content !important; min-width: 0 !important; width: auto !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { display: inline-flex !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; order: initial !important; width: 72px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips { display: none !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-summary, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-summary { align-items: center !important; column-gap: 8px !important; display: grid !important; grid-template-columns: max-content minmax(0,1fr) !important; grid-template-rows: auto !important; min-height: 44px !important; row-gap: 0 !important; padding: 7px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-title-zone, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-title-zone { grid-column: 1 !important; grid-row: 1 !important; gap: 7px !important; min-width: 0 !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-title, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-title { justify-self: start !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-preview, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-preview { grid-column: 2 !important; grid-row: 1 !important; justify-self: stretch !important; max-width: 100% !important; width: 100% !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row { gap: 5px !important; grid-template-columns: minmax(64px,88px) minmax(72px,100px) minmax(52px,64px) !important; justify-content: end !important; min-width: 0 !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row.has-auto-mood, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row.has-auto-mood { gap: 4px !important; grid-template-columns: minmax(66px,92px) minmax(64px,82px) minmax(52px,64px) !important; min-height: 28px !important; } } @media (max-width: 820px) { .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions { align-items: center !important; box-sizing: border-box !important; column-gap: 8px !important; display: grid !important; grid-template-columns: max-content max-content !important; grid-template-rows: auto !important; justify-content: space-between !important; min-height: 44px !important; padding-left: 5px !important; padding-right: 5px !important; row-gap: 0 !important; width: 100% !important; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: max-content !important; min-width: 0 !important; width: auto !important; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { display: inline-flex !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; order: initial !important; width: 72px !important; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips { display: none !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-summary { align-items: center !important; column-gap: 8px !important; display: grid !important; grid-template-columns: max-content minmax(0,1fr) !important; grid-template-rows: auto !important; min-height: 0 !important; row-gap: 0 !important; padding: 8px !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-title-zone { grid-column: 1 !important; grid-row: 1 !important; gap: 7px !important; min-width: 0 !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-preview { grid-column: 2 !important; grid-row: 1 !important; justify-self: stretch !important; max-width: 100% !important; width: 100% !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row { gap: 5px !important; grid-template-columns: minmax(56px,74px) minmax(62px,80px) minmax(46px,58px) !important; justify-content: end !important; min-width: 0 !important; } } /* Mobile collapsed mortgage rows: keep title and selected lender chips on one compact row. */ @media (max-width: 820px) { .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions { align-items: center !important; box-sizing: border-box !important; column-gap: 7px !important; display: grid !important; grid-template-columns: minmax(128px,136px) minmax(0,1fr) max-content !important; grid-template-rows: auto !important; min-height: 44px !important; overflow: hidden !important; padding-left: 5px !important; padding-right: 5px !important; row-gap: 0 !important; width: 100% !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: 136px !important; min-width: 128px !important; width: 100% !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-content: center !important; justify-self: stretch !important; margin: 0 !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; width: min(118px,100%) !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions { display: inline-flex !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; min-width: 46px !important; order: initial !important; width: auto !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-snapshot-warning-chip { grid-column: 1 / -1 !important; grid-row: 2 !important; justify-self: stretch !important; } } /* Mobile piggyback mortgage bar: give Piggyback its own row instead of squeezing P/B/Formal. */ @media (max-width: 820px) { .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) { align-items: center !important; column-gap: 7px !important; display: grid !important; grid-template-columns: minmax(128px,1fr) minmax(112px,132px) !important; grid-template-rows: 44px 38px !important; min-height: 89px !important; overflow: visible !important; row-gap: 7px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) { align-items: center !important; column-gap: 8px !important; display: grid !important; grid-template-columns: minmax(0,1fr) 72px !important; grid-template-rows: 44px 38px !important; min-height: 89px !important; overflow: visible !important; row-gap: 7px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: 100% !important; min-width: 0 !important; width: auto !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips { display: flex !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: stretch !important; margin: 0 !important; max-width: 132px !important; min-width: 0 !important; width: 100% !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle { display: none !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle { display: inline-flex !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; width: 72px !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { border-radius: 7px !important; grid-column: 1 / -1 !important; grid-row: 2 !important; height: 38px !important; justify-self: stretch !important; margin: 0 !important; max-width: none !important; min-height: 38px !important; min-width: 0 !important; width: 100% !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) .piggyback-label-full, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) .piggyback-label-short, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) .piggyback-label-full, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) .piggyback-label-short, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) .piggyback-label-full, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) .piggyback-label-short { display: none !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)::after, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)::after, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)::after { content: "Piggyback"; } } /* Project-wide rail labels: keep the rail and fill, quiet the competing label frame. */ .mismo-1003-group summary, .pricing-presets-summary .pricing-presets-title, .calculator-card-head .control-framed-label, .lead-inline-detail-stack .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child, .lead-inline-detail-stack .pricing-presets-summary .pricing-presets-title, .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .mini-rate-snapshot-head > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor .pipeline-editor-card > .editor-section-summary > span:first-child, .admin-tab-section > summary > span:first-child, .admin-inline-tab-section > summary > span:first-child, .control-framed-label { border-color: transparent !important; box-shadow: none !important; } .mismo-1003-group summary::before, .pricing-presets-summary .pricing-presets-title::before, .calculator-card-head .control-framed-label::before, .lead-inline-detail-stack .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child::before, .lead-inline-detail-stack .pricing-presets-summary .pricing-presets-title::before, .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child::before, .lead-editor-grid .editor-section > .editor-section-summary > span:first-child::before, .mini-rate-snapshot-head > span:first-child::before, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child::before, .pipeline-editor .pipeline-editor-card > .editor-section-summary > span:first-child::before, .admin-tab-section > summary > span:first-child::before, .admin-inline-tab-section > summary > span:first-child::before, .control-framed-label::before { flex-basis: var(--section-label-accent-width) !important; width: var(--section-label-accent-width) !important; } .mismo-1003-group summary:hover, .mismo-1003-group summary:focus, .pricing-presets-summary:hover .pricing-presets-title, .pricing-presets-summary:focus .pricing-presets-title, .calculator-card-head:hover .control-framed-label, .calculator-card-head:focus .control-framed-label, .lead-inline-detail-stack .selected-lead-panel .lead-panel-status-card > .editor-section-summary:hover > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-status-card > .editor-section-summary:focus > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:hover > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:focus > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:hover > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:focus > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-log-card > .editor-section-summary:hover > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-log-card > .editor-section-summary:focus > span:first-child, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary:hover > span:first-child, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary:focus > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-head:hover > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-head:focus > span:first-child, .lead-inline-detail-stack .pricing-presets-summary:hover .pricing-presets-title, .lead-inline-detail-stack .pricing-presets-summary:focus .pricing-presets-title, .selected-lead-panel .lead-panel-status-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-status-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:focus > span:first-child, .lead-editor-grid .editor-section > .editor-section-summary:hover > span:first-child, .lead-editor-grid .editor-section > .editor-section-summary:focus > span:first-child, .mini-rate-snapshot-head:hover > span:first-child, .mini-rate-snapshot-head:focus > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:hover > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:focus > span:first-child, .admin-tab-section > summary:hover > span:first-child, .admin-tab-section > summary:focus > span:first-child, .admin-inline-tab-section > summary:hover > span:first-child, .admin-inline-tab-section > summary:focus > span:first-child, .control-collapsible-summary:hover .control-framed-label, .control-collapsible-summary:focus .control-framed-label { border-color: transparent !important; } /* Pane lock: lower lead tools keep the compact collapsed-pane width even inside wider lead panes. */ .lead-inline-detail-stack { --lead-pane-lower-tool-width: 386px; } .lead-inline-detail-stack > .lead-expanded-workspace-frame > .lead-editor { justify-self: center !important; max-width: min(100%, var(--lead-pane-lower-tool-width)) !important; width: min(100%, var(--lead-pane-lower-tool-width)) !important; } /* Expanded side-by-side lead rows should use the available editor lane. */ .workspace.has-expanded-inline-lead-panel .lead-inline-detail-stack > .lead-expanded-workspace-frame { justify-self: stretch !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } .workspace.has-expanded-inline-lead-panel .lead-inline-detail-stack > .lead-expanded-workspace-frame > .lead-editor { box-sizing: border-box !important; justify-self: stretch !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } @media (min-width: 981px) and (pointer: fine) { .workspace.has-expanded-inline-lead-panel .lead-inline-detail-stack.is-expanded-selected-inline { grid-template-columns: minmax(640px,1fr) minmax(360px,384px) !important; } } /* Inline middle pane lock: one centered compact surface until a real side layout is available. */ .workspace.has-desktop-inline-detail-lock .lead-inline-detail-block, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-block { overflow-x: hidden !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack { box-sizing: border-box !important; justify-self: center !important; margin-left: auto !important; margin-right: auto !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack { --lead-pane-lower-tool-width: 410px; max-width: 430px !important; min-width: 430px !important; width: 430px !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack { --lead-pane-lower-tool-width: min(410px, calc(100dvw - 24px)); max-width: min(100%, 438px) !important; width: min(100%, 438px) !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame { box-sizing: border-box !important; justify-self: center !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame > .lead-editor, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame > .lead-editor { box-sizing: border-box !important; justify-self: center !important; max-width: min(100%, var(--lead-pane-lower-tool-width)) !important; min-width: 0 !important; width: min(100%, var(--lead-pane-lower-tool-width)) !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid > [data-lead-editor-card], .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid > [data-lead-editor-card], .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-lane, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-lane, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-lane > .editor-section, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-lane > .editor-section { max-width: 100% !important; min-width: 0 !important; width: 100% !important; } /* Mortgage presets summary: keep the mood, auto, and option-count pills locked to one row. */ .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-summary, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-summary, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-summary { align-items: center !important; column-gap: 8px !important; display: grid !important; grid-template-columns: max-content minmax(0, 1fr) !important; grid-template-rows: auto !important; min-height: 44px !important; padding: 7px !important; row-gap: 0 !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-title-zone, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-title-zone, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-title-zone { align-self: center !important; grid-column: 1 !important; grid-row: 1 !important; min-width: 0 !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-preview, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-preview, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-presets-preview { align-self: center !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; max-width: 100% !important; min-width: 0 !important; width: auto !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row { align-items: center !important; display: grid !important; gap: 5px !important; grid-auto-flow: column !important; grid-template-columns: minmax(70px, 98px) minmax(82px, 116px) minmax(52px, 64px) !important; justify-content: end !important; min-height: 28px !important; min-width: 0 !important; width: auto !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row.has-auto-mood, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row.has-auto-mood, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row.has-auto-mood { grid-template-columns: minmax(66px, 92px) minmax(64px, 84px) minmax(52px, 62px) !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row.has-auto-mood .mini-preset-auto-mood.is-preview-display, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row.has-auto-mood .mini-preset-auto-mood.is-preview-display, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row.has-auto-mood .mini-preset-auto-mood.is-preview-display { max-width: 86px !important; padding-left: 8px !important; padding-right: 8px !important; } .mini-snapshot-presets-drawer .pricing-preset-lender-cycle:not(.is-auto), .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-lender-cycle:not(.is-auto), .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-lender-cycle:not(.is-auto), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-lender-cycle:not(.is-auto), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-lender-cycle:not(.is-auto), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-presets-drawer .pricing-preset-lender-cycle:not(.is-auto) { background: var(--theme-control-active-bg) !important; background-color: var(--theme-control-active-bg) !important; border-color: color-mix(in srgb, var(--theme-control-active-bg) 78%, var(--line)) !important; box-shadow: 0 3px 8px color-mix(in srgb, var(--theme-control-active-bg) 22%, transparent) !important; color: #fff !important; } .mini-snapshot-presets-drawer .pricing-preset-lender-cycle .mini-preset-lender-name, html[data-theme="dark"] body .mini-snapshot-presets-drawer .pricing-preset-lender-cycle .mini-preset-lender-name { color: #fff !important; } /* Lead pane object frames: match the compact framed-object look with softer borders. */ .selected-lead-panel, .selected-lead-panel .lead-panel-status-card, .selected-lead-panel .lead-panel-controls-card, .selected-lead-panel .lead-panel-notes-card, .selected-lead-panel .lead-panel-log-card, .lead-editor-grid .editor-section, .lead-inline-detail-stack .selected-lead-panel, .lead-inline-detail-stack .selected-lead-panel .lead-panel-status-card, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card, .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card, .lead-inline-detail-stack .selected-lead-panel .lead-panel-log-card, .lead-inline-detail-stack .lead-editor-grid .editor-section, .mini-rate-snapshot-frame, .lead-inline-detail-stack .mini-rate-snapshot-frame, .selected-lead-panel .mini-rate-snapshot-frame { border-color: color-mix(in srgb, var(--line) 82%, var(--paper)) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 36%, transparent) !important; } [data-theme="dark"] .selected-lead-panel, [data-theme="dark"] .selected-lead-panel .lead-panel-status-card, [data-theme="dark"] .selected-lead-panel .lead-panel-controls-card, [data-theme="dark"] .selected-lead-panel .lead-panel-notes-card, [data-theme="dark"] .selected-lead-panel .lead-panel-log-card, [data-theme="dark"] .lead-editor-grid .editor-section, [data-theme="dark"] .lead-inline-detail-stack .selected-lead-panel, [data-theme="dark"] .lead-inline-detail-stack .selected-lead-panel .lead-panel-status-card, [data-theme="dark"] .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card, [data-theme="dark"] .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card, [data-theme="dark"] .lead-inline-detail-stack .selected-lead-panel .lead-panel-log-card, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .editor-section, [data-theme="dark"] .mini-rate-snapshot-frame, [data-theme="dark"] .lead-inline-detail-stack .mini-rate-snapshot-frame, [data-theme="dark"] .selected-lead-panel .mini-rate-snapshot-frame { border-color: color-mix(in srgb, var(--line) 78%, var(--paper)) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent) !important; } /* Collapsed mortgage stacks: only the label toggles; logos and warning strips are display-only. */ .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions { cursor: default !important; row-gap: 5px !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child { cursor: pointer !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:hover > span:first-child, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:focus > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:hover > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:focus > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:hover > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:focus > span:first-child { background: var(--label-tab-bg) !important; border-color: transparent !important; box-shadow: none !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child:hover, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child:hover, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child:hover { background: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; border-color: transparent !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips { background: color-mix(in srgb, var(--paper) 86%, var(--soft)) !important; border-color: color-mix(in srgb, var(--line) 88%, var(--accent)) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent) !important; cursor: default !important; pointer-events: auto !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode { background: linear-gradient(135deg, color-mix(in srgb, var(--auto-mood-a, var(--accent)) 18%, var(--paper)), color-mix(in srgb, var(--auto-mood-b, var(--accent)) 24%, var(--paper))) !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 46%, var(--line)) !important; } .mini-rate-snapshot-frame:not([open]) .mini-collapsed-option-chip, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) .mini-collapsed-option-chip, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) .mini-collapsed-option-chip, .mini-rate-snapshot-frame:not([open]) .mini-collapsed-option-chip:hover, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) .mini-collapsed-option-chip:hover, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) .mini-collapsed-option-chip:hover { background: #fff !important; border-color: color-mix(in srgb, var(--line) 88%, var(--accent)) !important; box-shadow: 0 2px 7px rgba(16,24,32,.1) !important; cursor: default !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-snapshot-warning-chip, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-snapshot-warning-chip, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-snapshot-warning-chip, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:hover > .mini-snapshot-warning-chip, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:hover > .mini-snapshot-warning-chip, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:hover > .mini-snapshot-warning-chip { background: color-mix(in srgb, var(--red) 7%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 28%, var(--line)) !important; color: color-mix(in srgb, var(--red) 74%, var(--ink)) !important; cursor: default !important; margin-top: 0 !important; } /* Rail label affordance: keep the clean label look but restore hover/lift feedback project-wide. */ :where( .mismo-1003-group summary, .pricing-presets-summary .pricing-presets-title, .calculator-card-head .control-framed-label, .lead-inline-detail-stack .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child, .lead-inline-detail-stack .pricing-presets-summary .pricing-presets-title, .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .mini-rate-snapshot-head > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor .pipeline-editor-card > .editor-section-summary > span:first-child, .admin-tab-section > summary > span:first-child, .admin-inline-tab-section > summary > span:first-child, .control-framed-label ) { transition: background-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease !important; } .mismo-1003-group summary:hover, .mismo-1003-group summary:focus, .pricing-presets-summary:hover .pricing-presets-title, .pricing-presets-summary:focus .pricing-presets-title, .calculator-card-head:hover .control-framed-label, .calculator-card-head:focus .control-framed-label, .lead-inline-detail-stack .selected-lead-panel .lead-panel-status-card > .editor-section-summary:hover > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-status-card > .editor-section-summary:focus > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:hover > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:focus > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:hover > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:focus > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-log-card > .editor-section-summary:hover > span:first-child, .lead-inline-detail-stack .selected-lead-panel .lead-panel-log-card > .editor-section-summary:focus > span:first-child, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary:hover > span:first-child, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary:focus > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-head:hover > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-head:focus > span:first-child, .lead-inline-detail-stack .pricing-presets-summary:hover .pricing-presets-title, .lead-inline-detail-stack .pricing-presets-summary:focus .pricing-presets-title, .selected-lead-panel .lead-panel-status-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-status-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:focus > span:first-child, .lead-editor-grid .editor-section > .editor-section-summary:hover > span:first-child, .lead-editor-grid .editor-section > .editor-section-summary:focus > span:first-child, .mini-rate-snapshot-head:hover > span:first-child, .mini-rate-snapshot-head:focus > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:hover > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:focus > span:first-child, .admin-tab-section > summary:hover > span:first-child, .admin-tab-section > summary:focus > span:first-child, .admin-inline-tab-section > summary:hover > span:first-child, .admin-inline-tab-section > summary:focus > span:first-child, .control-collapsible-summary:hover .control-framed-label, .control-collapsible-summary:focus .control-framed-label { background: color-mix(in srgb, var(--accent) 9%, var(--paper)) !important; border-color: transparent !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent), 0 1px 7px color-mix(in srgb, var(--accent) 10%, transparent) !important; color: color-mix(in srgb, var(--ink) 88%, var(--accent)) !important; transform: translateY(-1px) !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:hover > span:first-child, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:focus > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:hover > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:focus > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:hover > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:focus > span:first-child { background: var(--label-tab-bg) !important; box-shadow: none !important; color: var(--ink) !important; transform: none !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child:hover, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child:hover, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child:hover { background: color-mix(in srgb, var(--accent) 9%, var(--paper)) !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent), 0 1px 7px color-mix(in srgb, var(--accent) 10%, transparent) !important; color: color-mix(in srgb, var(--ink) 88%, var(--accent)) !important; transform: translateY(-1px) !important; } /* Lead Controls buttons: keep both action rows the same size and label language. */ .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon, .selected-lead-panel .lead-panel-tool-actions-grid .lead-panel-control-icon, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-tool-actions-grid .lead-panel-control-icon { gap: 3px !important; min-height: 52px !important; padding: 5px 5px 6px !important; } .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon svg, .selected-lead-panel .lead-panel-tool-actions-grid .lead-panel-control-icon svg, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon svg, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-tool-actions-grid .lead-panel-control-icon svg { height: 18px !important; width: 18px !important; } .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon.bonzo .bonzo-mark, .selected-lead-panel .lead-panel-tool-actions-grid .lead-panel-control-icon.bonzo .bonzo-mark, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon.bonzo .bonzo-mark, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-tool-actions-grid .lead-panel-control-icon.bonzo .bonzo-mark { height: 20px !important; width: 20px !important; } .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon.bonzo .bonzo-mark img, .selected-lead-panel .lead-panel-tool-actions-grid .lead-panel-control-icon.bonzo .bonzo-mark img, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon.bonzo .bonzo-mark img, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-tool-actions-grid .lead-panel-control-icon.bonzo .bonzo-mark img { height: 15px !important; width: 15px !important; } .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon small, .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon:is(.bonzo,.quote,.preview,.import) small, .selected-lead-panel .lead-panel-tool-actions-grid .lead-panel-control-icon small, .selected-lead-panel .lead-panel-tool-actions-grid .lead-panel-control-icon:is(.bonzo,.quote,.preview,.import) small, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon small, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-primary-actions .lead-panel-control-icon:is(.bonzo,.quote,.preview,.import) small, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-tool-actions-grid .lead-panel-control-icon small, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-panel-tool-actions-grid .lead-panel-control-icon:is(.bonzo,.quote,.preview,.import) small { color: currentColor !important; font-size: 9.2px !important; font-weight: 850 !important; letter-spacing: .025em !important; line-height: 1.02 !important; max-width: 100% !important; overflow: hidden !important; text-align: center !important; text-overflow: ellipsis !important; text-transform: uppercase !important; white-space: nowrap !important; } /* Rail label states: open windows stay active, collapsed windows only pop on the label itself. */ .lead-editor-grid .lead-top-collapsible-card[open] > .editor-section-summary > span:first-child, .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-status-card[open] > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card[open] > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card[open] > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card[open] > .editor-section-summary > span:first-child, .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer[open] .pricing-presets-title, .pipeline-side-panel .pipeline-panel-card[open] > .editor-section-summary > span:first-child, .admin-tab-section[open] > summary > span:first-child, .admin-inline-tab-section[open] > summary > span:first-child, .control-collapsible-section[open] .control-framed-label, .mismo-1003-group[open] summary { background: color-mix(in srgb, var(--accent) 9%, var(--lead-pane-tab-bg, var(--paper))) !important; border-color: transparent !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent), 0 1px 7px color-mix(in srgb, var(--accent) 10%, transparent) !important; color: color-mix(in srgb, var(--ink) 88%, var(--accent)) !important; transform: none !important; } .lead-editor-grid .lead-top-collapsible-card:not([open]) > .editor-section-summary:is(:hover, :focus:not(:focus-visible)) > span:first-child:not(:hover), .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover, :focus:not(:focus-visible)) > span:first-child:not(:hover), .selected-lead-panel .lead-panel-status-card:not([open]) > .editor-section-summary:is(:hover, :focus:not(:focus-visible)) > span:first-child:not(:hover), .selected-lead-panel .lead-panel-controls-card:not([open]) > .editor-section-summary:is(:hover, :focus:not(:focus-visible)) > span:first-child:not(:hover), .selected-lead-panel .lead-panel-notes-card:not([open]) > .editor-section-summary:is(:hover, :focus:not(:focus-visible)) > span:first-child:not(:hover), .selected-lead-panel .lead-panel-log-card:not([open]) > .editor-section-summary:is(:hover, :focus:not(:focus-visible)) > span:first-child:not(:hover), .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head:is(:hover, :focus:not(:focus-visible)) > span:first-child:not(:hover), .pricing-presets-drawer:not([open]) .pricing-presets-summary:is(:hover, :focus:not(:focus-visible)) .pricing-presets-title:not(:hover), .pipeline-side-panel .pipeline-panel-card:not([open]) > .editor-section-summary:is(:hover, :focus:not(:focus-visible)) > span:first-child:not(:hover), .admin-tab-section:not([open]) > summary:is(:hover, :focus:not(:focus-visible)) > span:first-child:not(:hover), .admin-inline-tab-section:not([open]) > summary:is(:hover, :focus:not(:focus-visible)) > span:first-child:not(:hover), .control-collapsible-section:not([open]) .control-collapsible-summary:is(:hover, :focus:not(:focus-visible)) .control-framed-label:not(:hover) { background: var(--lead-pane-tab-bg, var(--label-tab-bg)) !important; border-color: transparent !important; box-shadow: none !important; color: var(--lead-pane-text, var(--ink)) !important; transform: none !important; } .mismo-1003-group summary:hover, .mismo-1003-group summary:focus-visible, .pricing-presets-summary .pricing-presets-title:hover, .pricing-presets-summary:focus-visible .pricing-presets-title, .calculator-card-head .control-framed-label:hover, .calculator-card-head:focus-visible .control-framed-label, .lead-editor-grid .editor-section > .editor-section-summary > span:first-child:hover, .lead-editor-grid .editor-section > .editor-section-summary:focus-visible > span:first-child, .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child:hover, .selected-lead-panel .lead-panel-status-card > .editor-section-summary:focus-visible > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child:hover, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:focus-visible > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child:hover, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:focus-visible > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child:hover, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:focus-visible > span:first-child, .mini-rate-snapshot-head > span:first-child:hover, .mini-rate-snapshot-head:focus-visible > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child:hover, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:focus-visible > span:first-child, .pipeline-editor .pipeline-editor-card > .editor-section-summary > span:first-child:hover, .pipeline-editor .pipeline-editor-card > .editor-section-summary:focus-visible > span:first-child, .admin-tab-section > summary > span:first-child:hover, .admin-tab-section > summary:focus-visible > span:first-child, .admin-inline-tab-section > summary > span:first-child:hover, .admin-inline-tab-section > summary:focus-visible > span:first-child, .control-framed-label:hover, .control-collapsible-summary:focus-visible .control-framed-label { background: color-mix(in srgb, var(--accent) 9%, var(--lead-pane-tab-bg, var(--paper))) !important; border-color: transparent !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent), 0 1px 7px color-mix(in srgb, var(--accent) 10%, transparent) !important; color: color-mix(in srgb, var(--ink) 88%, var(--accent)) !important; transform: translateY(-1px) !important; } /* Full expanded lead pane: keep lower tool labels on the locked rail-only system. */ .lead-inline-detail-stack .lead-expanded-workspace-frame :is( .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .mini-rate-snapshot-head > span:first-child, .pricing-presets-summary .pricing-presets-title ) { border-color: transparent !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame :is( .lead-editor-grid .lead-top-collapsible-card:not([open]) > .editor-section-summary > span:first-child, .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer:not([open]) .pricing-presets-title ) { background: var(--lead-pane-tab-bg, var(--label-tab-bg)) !important; box-shadow: none !important; color: var(--lead-pane-text, var(--ink)) !important; transform: none !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame :is( .lead-editor-grid .lead-top-collapsible-card[open] > .editor-section-summary > span:first-child, .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer[open] .pricing-presets-title ) { background: color-mix(in srgb, var(--accent) 9%, var(--lead-pane-tab-bg, var(--paper))) !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent), 0 1px 7px color-mix(in srgb, var(--accent) 10%, transparent) !important; color: color-mix(in srgb, var(--ink) 88%, var(--accent)) !important; transform: none !important; } @media (min-width: 821px) { .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions { column-gap: 6px !important; grid-template-columns: minmax(136px,144px) minmax(0,108px) minmax(62px,1fr) !important; overflow: hidden !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact):has(> .mini-formal-compact-toggle) { grid-template-columns: minmax(132px,140px) minmax(0,102px) 46px minmax(62px,1fr) !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child { max-width: 144px !important; min-width: 136px !important; width: 100% !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips { max-width: min(108px,100%) !important; width: min(108px,100%) !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { justify-self: end !important; min-width: 62px !important; width: 62px !important; } } /* Full expanded pane label lock, explicit selectors for Edge cascade reliability. */ .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .pricing-presets-summary .pricing-presets-title { border-color: transparent !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card:not([open]) > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .pricing-presets-drawer:not([open]) .pricing-presets-title { background: var(--lead-pane-tab-bg, var(--label-tab-bg)) !important; border-color: transparent !important; box-shadow: none !important; color: var(--lead-pane-text, var(--ink)) !important; transform: none !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card[open] > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .pricing-presets-drawer[open] .pricing-presets-title { background: color-mix(in srgb, var(--accent) 9%, var(--lead-pane-tab-bg, var(--paper))) !important; border-color: transparent !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent), 0 1px 7px color-mix(in srgb, var(--accent) 10%, transparent) !important; color: color-mix(in srgb, var(--ink) 88%, var(--accent)) !important; transform: none !important; } /* Full expanded pane mortgage labels need extra specificity to beat legacy :is() stencil rules. */ .lead-inline-detail-stack.lead-inline-detail-stack.lead-inline-detail-stack .lead-expanded-workspace-frame.lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child { border-color: transparent !important; } .lead-inline-detail-stack.lead-inline-detail-stack.lead-inline-detail-stack .lead-expanded-workspace-frame.lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child { background: var(--lead-pane-tab-bg, var(--label-tab-bg)) !important; border-color: transparent !important; box-shadow: none !important; color: var(--lead-pane-text, var(--ink)) !important; transform: none !important; } .lead-inline-detail-stack.lead-inline-detail-stack.lead-inline-detail-stack .lead-expanded-workspace-frame.lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child { background: color-mix(in srgb, var(--accent) 9%, var(--lead-pane-tab-bg, var(--paper))) !important; border-color: transparent !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent), 0 1px 7px color-mix(in srgb, var(--accent) 10%, transparent) !important; color: color-mix(in srgb, var(--ink) 88%, var(--accent)) !important; transform: none !important; } /* Mortgage header toggles stay static; only rail labels get the lift/pop affordance. */ .mini-rate-snapshot-head > .mini-formal-compact-toggle, .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact { transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease !important; transform: none !important; } .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:hover, .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus, .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus-visible, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:hover, .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus, .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus-visible, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:hover, .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus, .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus-visible { transform: none !important; } /* Full lower lead pane match: compact label behavior and softer object controls. */ .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .pricing-presets-summary .pricing-presets-title { align-items: center !important; justify-content: flex-start !important; padding-left: 10px !important; text-align: left !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .editor-section > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child::before, .lead-inline-detail-stack .lead-expanded-workspace-frame .pricing-presets-summary .pricing-presets-title::before { background: var(--label-tab-accent) !important; flex-basis: var(--section-label-accent-width) !important; width: var(--section-label-accent-width) !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .editor-section > .editor-section-summary > span:first-child:hover, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .editor-section > .editor-section-summary:focus-visible > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child:hover, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head:focus-visible > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .pricing-presets-summary .pricing-presets-title:hover, .lead-inline-detail-stack .lead-expanded-workspace-frame .pricing-presets-summary:focus-visible .pricing-presets-title { background: color-mix(in srgb, var(--accent) 9%, var(--lead-pane-tab-bg, var(--paper))) !important; border-color: transparent !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent), 0 1px 7px color-mix(in srgb, var(--accent) 10%, transparent) !important; color: color-mix(in srgb, var(--ink) 88%, var(--accent)) !important; transform: translateY(-1px) !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-select, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu summary, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-select, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .property-summary-fact, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .scenario-collapsed-fact, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-collapsed-option-chips, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-preview-pill, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-formal-header-toggle, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-snapshot-head-actions .piggyback-bubble.is-compact { background: var(--lead-pane-neutral-fill) !important; border-color: var(--lead-pane-neutral-border) !important; box-shadow: none !important; color: var(--lead-pane-text) !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .property-summary-links .zillow-scraper-pill { border-color: color-mix(in srgb, #006aff 34%, var(--lead-pane-neutral-border)) !important; box-shadow: none !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .property-summary-fact > span, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .scenario-collapsed-fact > span { background: var(--lead-pane-neutral-fill-strong) !important; border-right-color: var(--lead-pane-neutral-border) !important; color: var(--lead-pane-text) !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .scenario-collapsed-fact.is-missing { background: #fff !important; border-color: var(--lead-pane-red-border) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 16%, transparent) !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .scenario-collapsed-fact.is-missing > span { background: var(--lead-pane-red-fill) !important; border-right-color: var(--lead-pane-red-border) !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode { background: linear-gradient(135deg, color-mix(in srgb, var(--auto-mood-a, var(--accent)) 18%, var(--paper)), color-mix(in srgb, var(--auto-mood-b, var(--accent)) 24%, var(--paper))) !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 46%, var(--line)) !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]) { background: color-mix(in srgb, var(--accent) 12%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 44%, var(--line)) !important; box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent) !important; color: color-mix(in srgb, var(--ink) 86%, var(--accent)) !important; } /* Expanded table-row editor uses the same lower-tool label and soft-control lock. */ .lead-expanded-workspace-frame .lead-editor-grid { --lead-pane-tab-bg: var(--project-label-fill, var(--label-tab-bg, #fff)); --lead-pane-tab-border: #d5dde7; --lead-pane-neutral-fill: #f8f8f8; --lead-pane-neutral-fill-strong: #eeeeee; --lead-pane-neutral-border: #d5d5d5; --lead-pane-text: #071523; --lead-pane-red-fill: #fff3f4; --lead-pane-red-border: #e3a6ad; } .lead-expanded-workspace-frame .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child, .lead-expanded-workspace-frame .pricing-presets-summary .pricing-presets-title { align-items: center !important; border-color: transparent !important; justify-content: flex-start !important; padding-left: 10px !important; text-align: left !important; } .lead-expanded-workspace-frame .lead-editor-grid .editor-section > .editor-section-summary > span:first-child::before, .lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child::before, .lead-expanded-workspace-frame .pricing-presets-summary .pricing-presets-title::before { background: var(--label-tab-accent) !important; flex-basis: var(--section-label-accent-width) !important; width: var(--section-label-accent-width) !important; } .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card:not([open]) > .editor-section-summary > span:first-child, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child, .lead-expanded-workspace-frame .pricing-presets-drawer:not([open]) .pricing-presets-title { background: var(--lead-pane-tab-bg, var(--label-tab-bg)) !important; border-color: transparent !important; box-shadow: none !important; color: var(--lead-pane-text, var(--ink)) !important; transform: none !important; } .lead-expanded-workspace-frame .lead-editor-grid .editor-section > .editor-section-summary > span:first-child:hover, .lead-expanded-workspace-frame .lead-editor-grid .editor-section > .editor-section-summary:focus-visible > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child:hover, .lead-expanded-workspace-frame .mini-rate-snapshot-head:focus-visible > span:first-child, .lead-expanded-workspace-frame .pricing-presets-summary .pricing-presets-title:hover, .lead-expanded-workspace-frame .pricing-presets-summary:focus-visible .pricing-presets-title, .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card[open] > .editor-section-summary > span:first-child, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, .lead-expanded-workspace-frame .pricing-presets-drawer[open] .pricing-presets-title { background: color-mix(in srgb, var(--accent) 9%, var(--lead-pane-tab-bg, var(--paper))) !important; border-color: transparent !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent), 0 1px 7px color-mix(in srgb, var(--accent) 10%, transparent) !important; color: color-mix(in srgb, var(--ink) 88%, var(--accent)) !important; } .lead-expanded-workspace-frame .lead-editor-grid .editor-section > .editor-section-summary > span:first-child:hover, .lead-expanded-workspace-frame .lead-editor-grid .editor-section > .editor-section-summary:focus-visible > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child:hover, .lead-expanded-workspace-frame .mini-rate-snapshot-head:focus-visible > span:first-child, .lead-expanded-workspace-frame .pricing-presets-summary .pricing-presets-title:hover, .lead-expanded-workspace-frame .pricing-presets-summary:focus-visible .pricing-presets-title { transform: translateY(-1px) !important; } .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card[open] > .editor-section-summary > span:first-child, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, .lead-expanded-workspace-frame .pricing-presets-drawer[open] .pricing-presets-title { transform: none !important; } .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card:not([open]) .property-summary-type-select, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu summary, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-select, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, .lead-expanded-workspace-frame .lead-editor-grid .property-summary-fact, .lead-expanded-workspace-frame .lead-editor-grid .scenario-collapsed-fact, .lead-expanded-workspace-frame .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-pricing-preview-pill, .lead-expanded-workspace-frame .mini-formal-header-toggle, .lead-expanded-workspace-frame .mini-snapshot-head-actions .piggyback-bubble.is-compact { background: var(--lead-pane-neutral-fill) !important; border-color: var(--lead-pane-neutral-border) !important; box-shadow: none !important; color: var(--lead-pane-text) !important; } .lead-expanded-workspace-frame .lead-editor-grid .property-summary-links .zillow-scraper-pill { border-color: color-mix(in srgb, #006aff 34%, var(--lead-pane-neutral-border)) !important; box-shadow: none !important; } .lead-expanded-workspace-frame .lead-editor-grid .property-summary-fact > span, .lead-expanded-workspace-frame .lead-editor-grid .scenario-collapsed-fact > span { background: var(--lead-pane-neutral-fill-strong) !important; border-right-color: var(--lead-pane-neutral-border) !important; color: var(--lead-pane-text) !important; } .lead-expanded-workspace-frame .lead-editor-grid .scenario-collapsed-fact.is-missing { background: #fff !important; border-color: var(--lead-pane-red-border) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--red) 16%, transparent) !important; } .lead-expanded-workspace-frame .lead-editor-grid .scenario-collapsed-fact.is-missing > span { background: var(--lead-pane-red-fill) !important; border-right-color: var(--lead-pane-red-border) !important; } .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode { background: linear-gradient(135deg, color-mix(in srgb, var(--auto-mood-a, var(--accent)) 18%, var(--paper)), color-mix(in srgb, var(--auto-mood-b, var(--accent)) 24%, var(--paper))) !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 46%, var(--line)) !important; } .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]) { background: color-mix(in srgb, var(--accent) 12%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 44%, var(--line)) !important; box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent) !important; color: color-mix(in srgb, var(--ink) 86%, var(--accent)) !important; } /* Lead control interaction lock: labels pop, controls glow, utility toggles stay calm. */ .mini-rate-snapshot-head > .mini-formal-compact-toggle, .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact, .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact { background: var(--lead-pane-neutral-fill, var(--paper)) !important; border-color: var(--lead-pane-neutral-border, var(--line)) !important; box-shadow: none !important; color: var(--lead-pane-text, var(--ink)) !important; transform: none !important; } .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:hover, .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus, .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus-visible, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:hover, .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus, .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus-visible, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:hover, .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus, .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus-visible, .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .lead-expanded-workspace-frame .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:hover, .lead-expanded-workspace-frame .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus, .lead-expanded-workspace-frame .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:focus-visible { background: var(--lead-pane-neutral-fill, var(--paper)) !important; border-color: var(--lead-pane-neutral-border, var(--line)) !important; box-shadow: none !important; color: var(--lead-pane-text, var(--ink)) !important; outline: 0 !important; transform: none !important; } .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):hover, .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):hover, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):hover, .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):hover, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):hover, .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):hover, .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):hover, .lead-expanded-workspace-frame .mini-rate-snapshot-head .mini-snapshot-head-actions .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):hover { background: color-mix(in srgb, var(--accent) 10%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 34%, var(--line)) !important; box-shadow: none !important; color: color-mix(in srgb, var(--ink) 86%, var(--accent)) !important; outline: 0 !important; transform: none !important; } .lead-editor-grid .property-summary-links .zillow-scraper-pill, .lead-editor-grid .property-summary-links .zillow-scraper-pill:hover, .lead-editor-grid .property-summary-links .zillow-scraper-pill:focus-within, .lead-inline-detail-stack .lead-editor-grid .property-summary-links .zillow-scraper-pill, .lead-inline-detail-stack .lead-editor-grid .property-summary-links .zillow-scraper-pill:hover, .lead-inline-detail-stack .lead-editor-grid .property-summary-links .zillow-scraper-pill:focus-within, .lead-expanded-workspace-frame .lead-editor-grid .property-summary-links .zillow-scraper-pill, .lead-expanded-workspace-frame .lead-editor-grid .property-summary-links .zillow-scraper-pill:hover, .lead-expanded-workspace-frame .lead-editor-grid .property-summary-links .zillow-scraper-pill:focus-within { box-shadow: none !important; transform: none !important; } .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon:not(:disabled):not(.is-active):hover, .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon:not(:disabled):not(.is-active):focus, .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon:not(:disabled):not(.is-active):focus-visible, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon:not(:disabled):not(.is-active):hover, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon:not(:disabled):not(.is-active):focus, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon:not(:disabled):not(.is-active):focus-visible { background: color-mix(in srgb, var(--accent) 10%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 46%, var(--line)) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent) !important; color: var(--accent) !important; outline: 0 !important; } .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.is-active, .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.is-active:hover, .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.is-active:focus, .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.is-active:focus-visible, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.is-active, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.is-active:hover, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.is-active:focus, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.is-active:focus-visible { background: color-mix(in srgb, var(--accent) 13%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 56%, var(--line)) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 13%, transparent) !important; color: var(--accent) !important; outline: 0 !important; } /* Full pane Property Type dropdown: keep the menu above the Address row. */ .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property, .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property > .property-summary, .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property .property-summary-type-wrap, .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property .property-summary-type-choice-shell, .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property .property-summary-type-choice-shell .custom-choice-menu { overflow: visible !important; } .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property { position: relative !important; z-index: 4 !important; } .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:focus-within, .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:has(.property-summary-type-choice-shell .custom-choice-menu[open]) { z-index: 80 !important; } .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property .property-summary-type-choice-shell .quick-choice-options { z-index: 100 !important; } /* Full pane Mortgage labels: keep collapsed labels calm until the label itself is hovered. */ .lead-inline-detail-stack.lead-inline-detail-stack.lead-inline-detail-stack .lead-expanded-workspace-frame.lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child:hover, .lead-inline-detail-stack.lead-inline-detail-stack.lead-inline-detail-stack .lead-expanded-workspace-frame.lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head:focus-visible > span:first-child, .lead-expanded-workspace-frame.lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child:hover, .lead-expanded-workspace-frame.lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head:focus-visible > span:first-child { background: color-mix(in srgb, var(--accent) 9%, var(--lead-pane-tab-bg, var(--paper))) !important; border-color: transparent !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent), 0 1px 7px color-mix(in srgb, var(--accent) 10%, transparent) !important; color: color-mix(in srgb, var(--ink) 88%, var(--accent)) !important; transform: translateY(-1px) !important; } /* Mortgage compact object calm lock: no hover glow on logo trays or Formal/P-B buttons. */ .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle, .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact { border-color: var(--lead-pane-neutral-border, color-mix(in srgb, var(--line) 86%, var(--paper))) !important; border-width: 1px !important; box-shadow: none !important; transform: none !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips:not(.is-auto-mode), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips:not(.is-auto-mode), .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips:not(.is-auto-mode), .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips:not(.is-auto-mode) { background: var(--lead-pane-neutral-fill, color-mix(in srgb, var(--paper) 92%, var(--soft))) !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode { border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 22%, var(--lead-pane-neutral-border, var(--line))) !important; box-shadow: none !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:hover, .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:focus, .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:focus-visible, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:hover, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:focus, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:focus-visible, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:hover, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:focus, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:focus-visible, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:hover, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:focus, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:focus-visible { border-color: var(--lead-pane-neutral-border, color-mix(in srgb, var(--line) 86%, var(--paper))) !important; box-shadow: none !important; outline: 0 !important; transform: none !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):hover, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):hover, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):hover, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):hover, .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):hover, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):hover, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):hover, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):hover { background: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 26%, var(--lead-pane-neutral-border, var(--line))) !important; box-shadow: none !important; color: color-mix(in srgb, var(--ink) 86%, var(--accent)) !important; outline: 0 !important; transform: none !important; } /* Full pane VA/Formal/P-B buttons: keep inactive toggles on the same soft object border. */ .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]), .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]) { background: var(--paper) !important; border-color: color-mix(in srgb, var(--line) 52%, var(--paper)) !important; border-width: 1px !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 74%, transparent) !important; color: var(--lead-pane-text, var(--ink)) !important; outline: 0 !important; transform: none !important; } .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):hover, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):focus, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):focus-visible, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):hover, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):focus, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):focus-visible, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):hover, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):focus, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):focus-visible, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):hover, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):focus, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):focus-visible, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):hover, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):focus, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):focus-visible, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):hover, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):focus, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):focus-visible { background: var(--paper) !important; border-color: color-mix(in srgb, var(--line) 58%, var(--paper)) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 74%, transparent) !important; color: var(--lead-pane-text, var(--ink)) !important; outline: 0 !important; transform: none !important; } .lead-expanded-workspace-frame button.piggyback-bubble.is-compact, .lead-expanded-workspace-frame button.piggyback-bubble.is-compact:hover, .lead-expanded-workspace-frame button.piggyback-bubble.is-compact:focus, .lead-expanded-workspace-frame button.piggyback-bubble.is-compact:focus-visible, .lead-inline-detail-stack button.piggyback-bubble.is-compact, .lead-inline-detail-stack button.piggyback-bubble.is-compact:hover, .lead-inline-detail-stack button.piggyback-bubble.is-compact:focus, .lead-inline-detail-stack button.piggyback-bubble.is-compact:focus-visible, .selected-lead-panel button.piggyback-bubble.is-compact, .selected-lead-panel button.piggyback-bubble.is-compact:hover, .selected-lead-panel button.piggyback-bubble.is-compact:focus, .selected-lead-panel button.piggyback-bubble.is-compact:focus-visible { border-color: var(--lead-pane-neutral-border, color-mix(in srgb, var(--line) 86%, var(--paper))) !important; border-width: 1px !important; box-shadow: 0 0 0 0 transparent !important; outline: 0 !important; transition: background-color .16s ease, border-color .16s ease, color .16s ease !important; transform: none !important; } .lead-expanded-workspace-frame button.piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .lead-expanded-workspace-frame button.piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):hover, .lead-inline-detail-stack button.piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .lead-inline-detail-stack button.piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):hover, .selected-lead-panel button.piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .selected-lead-panel button.piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):hover { background: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 24%, var(--lead-pane-neutral-border, var(--line))) !important; box-shadow: 0 0 0 0 transparent !important; color: color-mix(in srgb, var(--ink) 86%, var(--accent)) !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on), .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on), .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact, .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact { border-color: var(--lead-pane-neutral-border, color-mix(in srgb, var(--line) 86%, var(--paper))) !important; border-width: 1px !important; box-shadow: none !important; outline: 0 !important; transform: none !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]) { background: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 24%, var(--lead-pane-neutral-border, var(--line))) !important; box-shadow: none !important; color: color-mix(in srgb, var(--ink) 86%, var(--accent)) !important; } /* Exact P/B hover lock: keep toggle feedback click-only, not hover-only. */ .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not(:disabled):hover, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not(:disabled):focus, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not(:disabled):hover, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not(:disabled):focus, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not(:disabled):hover, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not(:disabled):focus, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not(:disabled):hover, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not(:disabled):focus { background: var(--paper) !important; border-color: var(--lead-pane-neutral-border, color-mix(in srgb, var(--line) 86%, var(--paper))) !important; border-width: 1px !important; box-shadow: none !important; outline: 0 !important; transform: none !important; } /* Collapsed rail row detail width lock: keep skinny desktop panes on one compact surface. */ @media (pointer: fine) and (max-width: 780px) { .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame { box-sizing: border-box !important; max-width: min(430px, calc(100dvw - 138px), calc(100% - 24px)) !important; overflow: hidden !important; width: min(430px, calc(100dvw - 138px), calc(100% - 24px)) !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame > .lead-editor, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid > [data-lead-editor-card], .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-lane, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-lane > .editor-section { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid { grid-auto-flow: row !important; grid-template-columns: minmax(0,1fr) !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-top-collapsible-card.editor-property:not([open]) > .property-summary, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-scenario-fields:not([open]) > .editor-section-summary, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head { max-width: 100% !important; min-width: 0 !important; width: 100% !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:not([open]) { min-height: 0 !important; padding-bottom: 6px !important; padding-top: 6px !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions { align-items: center !important; box-sizing: border-box !important; column-gap: 8px !important; display: grid !important; grid-template-columns: 128px minmax(118px, 1fr) 62px !important; grid-template-rows: 36px !important; min-height: 36px !important; overflow: visible !important; row-gap: 0 !important; width: 100% !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: 100% !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; margin: 0 !important; max-width: 118px !important; transform: none !important; width: max-content !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { display: none !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions { display: inline-flex !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; min-width: 52px !important; opacity: 1 !important; visibility: visible !important; width: 52px !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions:empty { display: none !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle { height: 35px !important; min-height: 35px !important; min-width: 52px !important; width: 52px !important; } } /* Final full-pane inactive toggle lock: VA, P/B, and Formal share one soft object border. */ .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]), .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]) { background: var(--paper) !important; border-color: var(--lead-pane-neutral-border, color-mix(in srgb, var(--line) 86%, var(--paper))) !important; border-width: 1px !important; box-shadow: none !important; color: var(--lead-pane-text, var(--ink)) !important; outline: 0 !important; transform: none !important; } .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):hover, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):focus, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):focus-visible, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):hover, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):focus, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):focus-visible, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):hover, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):focus, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):focus-visible, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):hover, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):focus, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):focus-visible, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):hover, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):focus, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):focus-visible, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):hover, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):focus, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):focus-visible { background: var(--paper) !important; border-color: var(--lead-pane-neutral-border, color-mix(in srgb, var(--line) 86%, var(--paper))) !important; box-shadow: none !important; color: var(--lead-pane-text, var(--ink)) !important; outline: 0 !important; transform: none !important; } /* Final project label-fill lock: Color Settings Label Fill controls every shared label tab. */ .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .mini-rate-snapshot-head > span:first-child, .pricing-presets-summary .pricing-presets-title, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor .pipeline-editor-card > .editor-section-summary > span:first-child, .mismo-1003-group summary, .calculator-card-head .control-framed-label, .admin-tab-section > summary > span:first-child, .admin-inline-tab-section > summary > span:first-child, .control-framed-label { background: var(--project-label-fill, var(--label-tab-bg)) !important; } @media (pointer: fine) { /* Desktop/full-pane mortgage row: keep 1st Mortgage, lender chips, P/B, and Formal on one row. */ .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions { align-items: center !important; display: grid !important; gap: 7px !important; grid-template-columns: 126px max-content 52px 52px !important; grid-template-rows: auto !important; min-height: 40px !important; padding-left: 5px !important; padding-right: 5px !important; } .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: 126px !important; min-width: 126px !important; padding-left: 9px !important; padding-right: 9px !important; width: 126px !important; } .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; max-width: 118px !important; min-width: 0 !important; width: max-content !important; } .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; order: initial !important; } .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { grid-column: 4 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; order: initial !important; } } .selected-lead-panel .lead-panel-status-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-status-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:focus > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:hover > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary:focus > span:first-child, .lead-editor-grid .editor-section > .editor-section-summary:hover > span:first-child, .lead-editor-grid .editor-section > .editor-section-summary:focus > span:first-child, .mini-rate-snapshot-head:hover > span:first-child, .mini-rate-snapshot-head:focus > span:first-child, .pricing-presets-summary:hover .pricing-presets-title, .pricing-presets-summary:focus-visible .pricing-presets-title, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:hover > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:focus > span:first-child, .pipeline-editor .pipeline-editor-card > .editor-section-summary:hover > span:first-child, .pipeline-editor .pipeline-editor-card > .editor-section-summary:focus > span:first-child, .mismo-1003-group summary:hover, .mismo-1003-group summary:focus, .calculator-card-head .control-framed-label:hover, .admin-tab-section > summary:hover > span:first-child, .admin-inline-tab-section > summary:hover > span:first-child, .control-framed-label:hover { background: var(--project-label-fill, var(--label-tab-bg)) !important; } @media (pointer: fine) { /* Final desktop skinny/full-pane mortgage row fit, including the inline expanded table pane. */ .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions { align-items: center !important; display: grid !important; gap: 7px !important; grid-template-columns: 126px max-content minmax(52px,1fr) !important; grid-template-rows: auto !important; min-height: 40px !important; padding-left: 5px !important; padding-right: 5px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) { grid-template-columns: 126px max-content 52px 52px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: 126px !important; min-width: 126px !important; padding-left: 9px !important; padding-right: 9px !important; width: 126px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; max-width: 118px !important; min-width: 0 !important; width: max-content !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; order: initial !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; order: initial !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle { grid-column: 4 !important; } } /* Final VA/PB/Formal soft-control lock: same height, same soft border, same row order. */ .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .selected-lead-panel .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .lead-expanded-workspace-frame .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .lead-inline-detail-stack .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle { align-items: center !important; background: var(--paper) !important; border: 1px solid var(--lead-pane-neutral-border, color-mix(in srgb, var(--line) 86%, var(--paper))) !important; border-radius: 8px !important; box-shadow: none !important; box-sizing: border-box !important; color: var(--lead-pane-text, var(--ink)) !important; display: inline-flex !important; font-weight: 600 !important; height: 35px !important; justify-content: center !important; line-height: 1 !important; margin: 0 !important; min-height: 35px !important; outline: 0 !important; padding: 6px 9px !important; transform: none !important; vertical-align: top !important; } .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .lead-inline-detail-stack .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle { flex: 0 0 52px !important; max-width: 52px !important; min-width: 52px !important; width: 52px !important; } .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .selected-lead-panel .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .lead-expanded-workspace-frame .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle { min-width: 52px !important; width: 52px !important; } .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:hover, .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:focus, .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:hover, .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:focus, .selected-lead-panel .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:hover, .selected-lead-panel .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:focus, .lead-expanded-workspace-frame .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:hover, .lead-expanded-workspace-frame .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:focus, .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:hover, .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:focus, .lead-inline-detail-stack .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:hover, .lead-inline-detail-stack .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:focus, .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:hover, .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:focus, .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:hover, .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:focus, .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus { background: var(--paper) !important; border-color: var(--lead-pane-neutral-border, color-mix(in srgb, var(--line) 86%, var(--paper))) !important; box-shadow: none !important; color: var(--lead-pane-text, var(--ink)) !important; outline: 0 !important; transform: none !important; } .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), .selected-lead-panel .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), .lead-expanded-workspace-frame .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .lead-inline-detail-stack .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]), .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]), .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]) { background: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 24%, var(--lead-pane-neutral-border, var(--line))) !important; box-shadow: none !important; color: color-mix(in srgb, var(--ink) 86%, var(--accent)) !important; } @media (pointer: fine) { .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions { align-items: center !important; column-gap: 7px !important; display: grid !important; grid-template-columns: 126px max-content minmax(52px,1fr) !important; grid-template-rows: auto !important; justify-content: stretch !important; min-height: 40px !important; padding-left: 5px !important; padding-right: 5px !important; row-gap: 0 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) { grid-template-columns: 126px minmax(0,1fr) 52px 52px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: 126px !important; min-width: 126px !important; width: 126px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; min-width: 0 !important; width: max-content !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips { display: none !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; order: initial !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; order: initial !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is([open], :not([open])) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle { grid-column: 4 !important; } } @media (pointer: fine) { /* Final simple first-mortgage rail: label + logo tray + P/B + Formal all keep reserved space. */ .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions { align-items: center !important; column-gap: 7px !important; display: grid !important; grid-template-columns: 126px minmax(104px,118px) minmax(0,1fr) 52px !important; grid-template-rows: auto !important; min-height: 40px !important; padding-left: 5px !important; padding-right: 5px !important; row-gap: 0 !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) { grid-template-columns: 126px minmax(104px,118px) 52px 52px !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: 126px !important; min-width: 126px !important; width: 126px !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips { display: flex !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; max-width: 118px !important; min-width: 0 !important; width: max-content !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; order: initial !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { grid-column: 4 !important; grid-row: 1 !important; justify-self: end !important; order: initial !important; } } @media (pointer: fine) { /* Desktop mortgage rail lock: logos stay collapsed-only; labels align across both liens. */ .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions { grid-template-columns: 126px minmax(104px,118px) minmax(0,1fr) 52px !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) { grid-template-columns: 126px minmax(104px,118px) 52px 52px !important; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions { grid-template-columns: 126px minmax(0,1fr) 52px !important; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) { grid-template-columns: 126px minmax(0,1fr) 52px 52px !important; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-collapsed-option-chips { display: none !important; opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 3 !important; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { grid-column: 3 !important; } .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle { grid-column: 4 !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child { max-width: 126px !important; min-width: 126px !important; width: 126px !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions { align-items: center !important; column-gap: 7px !important; display: grid !important; grid-template-columns: 126px minmax(104px,118px) minmax(0,1fr) !important; grid-template-rows: auto !important; min-height: 40px !important; padding-left: 5px !important; padding-right: 5px !important; row-gap: 0 !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips { display: flex !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; max-width: 118px !important; min-width: 0 !important; width: max-content !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact):has(> .mini-formal-compact-toggle), .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact):has(> .mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact):has(> .mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact):has(> .mini-formal-compact-toggle) { grid-template-columns: 126px minmax(104px,118px) minmax(0,1fr) 52px !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) { grid-template-columns: 126px minmax(104px,118px) 52px 52px !important; } } /* Final soft button / first-mortgage logo tray lock for skinny desktop. */ .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .selected-lead-panel .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .lead-expanded-workspace-frame .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle, .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .lead-inline-detail-stack .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle { background: #fff !important; border: 1px solid #d5d5d5 !important; border-color: #d5d5d5 !important; border-radius: 8px !important; box-shadow: none !important; box-sizing: border-box !important; color: var(--lead-pane-text, var(--ink)) !important; height: 35px !important; left: auto !important; min-height: 35px !important; outline: 0 !important; position: relative !important; top: auto !important; transform: none !important; } .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:hover, .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:focus, .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:focus-visible, .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:active, .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:hover, .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:focus, .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:focus-visible, .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:active, .selected-lead-panel .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:hover, .selected-lead-panel .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:focus, .selected-lead-panel .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:focus-visible, .selected-lead-panel .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:active, .lead-expanded-workspace-frame .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:hover, .lead-expanded-workspace-frame .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:focus, .lead-expanded-workspace-frame .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:focus-visible, .lead-expanded-workspace-frame .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:active, .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:hover, .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:focus, .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:focus-visible, .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:active, .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .mini-rate-snapshot-head > .mini-formal-compact-toggle:active { background: #fff !important; border: 1px solid #d5d5d5 !important; border-color: #d5d5d5 !important; box-shadow: none !important; outline: 0 !important; transform: none !important; } .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), .lead-inline-detail-stack .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), .selected-lead-panel .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), .lead-expanded-workspace-frame .lead-editor-grid .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]) { background: color-mix(in srgb, var(--accent) 8%, #fff) !important; border: 1px solid #d5d5d5 !important; border-color: #d5d5d5 !important; box-shadow: none !important; } .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions, .selected-lead-panel .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions { align-self: start !important; justify-self: end !important; margin-top: 0 !important; transform: none !important; width: 52px !important; } @media (pointer: fine) { .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) { grid-template-columns: 126px minmax(104px,118px) 52px 52px !important; grid-template-rows: auto !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips { display: flex !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; max-width: 118px !important; opacity: 1 !important; visibility: visible !important; width: max-content !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle { grid-column: 4 !important; grid-row: 1 !important; justify-self: end !important; } } /* Match the inline-detail stencil specificity so utility toggles keep the soft object border. */ .lead-inline-detail-stack .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle { border: 1px solid #d5d5d5 !important; border-color: #d5d5d5 !important; box-shadow: none !important; outline: 0 !important; } .lead-inline-detail-stack .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:hover, .lead-inline-detail-stack .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:focus, .lead-inline-detail-stack .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:focus-visible, .lead-inline-detail-stack .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:active, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:hover, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:focus, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:focus-visible, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:active, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:hover, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:focus, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:focus-visible, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:active, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:hover, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:focus, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:focus-visible, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:active, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:active, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:hover, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:focus-visible, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-head > .mini-formal-compact-toggle:active { border: 1px solid #d5d5d5 !important; border-color: #d5d5d5 !important; box-shadow: none !important; outline: 0 !important; transform: none !important; } /* Skinny desktop lead pane: disabled side-collapse affordance and link-style lead nav arrows. */ .workspace.has-inline-lead-panel .lead-inline-detail-stack .selected-lead-panel .lead-panel-collapse-btn:disabled, .workspace.has-inline-lead-panel .lead-inline-detail-stack .selected-lead-panel .lead-panel-collapse-btn.is-disabled { color: color-mix(in srgb, var(--muted) 46%, var(--paper)) !important; cursor: not-allowed !important; opacity: .48 !important; pointer-events: auto !important; } .workspace.has-inline-lead-panel .lead-inline-detail-stack .selected-lead-panel .lead-panel-collapse-btn:disabled:hover, .workspace.has-inline-lead-panel .lead-inline-detail-stack .selected-lead-panel .lead-panel-collapse-btn:disabled:focus, .workspace.has-inline-lead-panel .lead-inline-detail-stack .selected-lead-panel .lead-panel-collapse-btn.is-disabled:hover, .workspace.has-inline-lead-panel .lead-inline-detail-stack .selected-lead-panel .lead-panel-collapse-btn.is-disabled:focus { background: transparent !important; color: color-mix(in srgb, var(--muted) 46%, var(--paper)) !important; outline: 0 !important; } .selected-lead-panel .lead-nav-btn, .lead-inline-detail-stack .selected-lead-panel .lead-nav-btn { color: #8cc9ed !important; text-decoration: none !important; } .selected-lead-panel .lead-nav-btn svg, .lead-inline-detail-stack .selected-lead-panel .lead-nav-btn svg { stroke-width: 2 !important; } .selected-lead-panel .lead-nav-btn:hover, .selected-lead-panel .lead-nav-btn:focus, .lead-inline-detail-stack .selected-lead-panel .lead-nav-btn:hover, .lead-inline-detail-stack .selected-lead-panel .lead-nav-btn:focus { color: #1495d3 !important; outline: 0 !important; } .selected-lead-panel .lead-nav-btn:disabled, .lead-inline-detail-stack .selected-lead-panel .lead-nav-btn:disabled { color: color-mix(in srgb, #8cc9ed 52%, var(--muted)) !important; cursor: default !important; opacity: .45 !important; } .selected-lead-panel .lead-nav-btn:disabled:hover, .selected-lead-panel .lead-nav-btn:disabled:focus, .lead-inline-detail-stack .selected-lead-panel .lead-nav-btn:disabled:hover, .lead-inline-detail-stack .selected-lead-panel .lead-nav-btn:disabled:focus { color: color-mix(in srgb, #8cc9ed 52%, var(--muted)) !important; } /* Expanded/collapsed Loan Scenario VA lock: same state, same lane, same purple active fill. */ .lead-editor-grid .lead-scenario-fields > .editor-section-summary, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields > .editor-section-summary, .selected-lead-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary { align-items: center !important; } .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary, .selected-lead-panel .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary { grid-template-columns: max-content minmax(0,1fr) 52px max-content !important; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions { align-self: center !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; transform: none !important; width: 52px !important; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle { background: #fff !important; border: 1px solid #d5d5d5 !important; border-color: #d5d5d5 !important; box-shadow: none !important; color: var(--lead-pane-text, var(--ink)) !important; height: 35px !important; min-height: 35px !important; transform: none !important; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]) { background: var(--va-active-bg) !important; border-color: #d5d5d5 !important; box-shadow: none !important; color: var(--va-active-text) !important; } /* Collapsed Property Type dropdown: open menu floats above the Address row. */ .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]), .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]), .selected-lead-panel .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]), .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) { overflow: visible !important; position: relative !important; z-index: 900 !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) > .property-summary, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) > .property-summary, .selected-lead-panel .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) > .property-summary, .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) > .property-summary, .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) .property-summary-type-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) .property-summary-type-wrap, .selected-lead-panel .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) .property-summary-type-wrap, .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) .property-summary-type-wrap { overflow: visible !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell:has(.custom-choice-menu[open]), .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell:has(.custom-choice-menu[open]), .selected-lead-panel .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell:has(.custom-choice-menu[open]), .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell:has(.custom-choice-menu[open]), .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu[open], .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu[open], .selected-lead-panel .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu[open], .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu[open] { overflow: visible !important; position: relative !important; z-index: 910 !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu[open] .quick-choice-options, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu[open] .quick-choice-options, .selected-lead-panel .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu[open] .quick-choice-options, .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu[open] .quick-choice-options { z-index: 920 !important; } .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) .property-summary-location, .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) .property-summary-location, .selected-lead-panel .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) .property-summary-location, .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]):has(.property-summary-type-choice-shell .custom-choice-menu[open]) .property-summary-location { position: relative !important; z-index: 1 !important; } /* Collapsed Loan Scenario dropdown: open menu floats above mortgage rows. */ .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-purpose-summary-choice-shell .custom-choice-menu[open]), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-purpose-summary-choice-shell .custom-choice-menu[open]), .selected-lead-panel .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-purpose-summary-choice-shell .custom-choice-menu[open]), .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-purpose-summary-choice-shell .custom-choice-menu[open]) { overflow: visible !important; position: relative !important; z-index: 900 !important; } .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-purpose-summary-choice-shell .custom-choice-menu[open]) > .editor-section-summary, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-purpose-summary-choice-shell .custom-choice-menu[open]) > .editor-section-summary, .selected-lead-panel .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-purpose-summary-choice-shell .custom-choice-menu[open]) > .editor-section-summary, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-purpose-summary-choice-shell .custom-choice-menu[open]) > .editor-section-summary, .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-purpose-summary-choice-shell .custom-choice-menu[open]) .scenario-purpose-summary-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-purpose-summary-choice-shell .custom-choice-menu[open]) .scenario-purpose-summary-wrap, .selected-lead-panel .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-purpose-summary-choice-shell .custom-choice-menu[open]) .scenario-purpose-summary-wrap, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-purpose-summary-choice-shell .custom-choice-menu[open]) .scenario-purpose-summary-wrap { overflow: visible !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell:has(.custom-choice-menu[open]), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell:has(.custom-choice-menu[open]), .selected-lead-panel .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell:has(.custom-choice-menu[open]), .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell:has(.custom-choice-menu[open]), .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu[open], .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu[open], .selected-lead-panel .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu[open], .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu[open] { overflow: visible !important; position: relative !important; z-index: 910 !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu[open] .quick-choice-options, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu[open] .quick-choice-options, .selected-lead-panel .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu[open] .quick-choice-options, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu[open] .quick-choice-options { position: absolute !important; z-index: 920 !important; } /* Collapsed mortgage logo tray: first and second rows share the same visible logo window lane. */ @media (pointer: fine) { .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions { grid-template-columns: 126px 118px 52px 52px !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions { grid-template-columns: 126px 118px minmax(0,1fr) !important; } } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips { align-items: center !important; align-self: center !important; background: #fff !important; border: 1px solid #d5d5d5 !important; border-color: #d5d5d5 !important; border-radius: 8px !important; box-shadow: none !important; box-sizing: border-box !important; display: flex !important; gap: 4px !important; grid-column: 2 !important; grid-row: 1 !important; height: 40px !important; justify-self: start !important; margin-left: 2px !important; max-width: 118px !important; min-height: 40px !important; min-width: 118px !important; opacity: 1 !important; overflow: hidden !important; padding: 4px 6px !important; visibility: visible !important; width: 118px !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip { display: inline-flex !important; opacity: 1 !important; visibility: visible !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .lender-logo, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .lender-logo, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .lender-logo, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .lender-logo { display: block !important; opacity: 1 !important; visibility: visible !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips { border: 1px solid #d5d5d5 !important; border-color: #d5d5d5 !important; box-shadow: none !important; } /* Final collapsed first-mortgage tray restore: P/B no longer hides the logo window. */ @media (pointer: fine) { .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) { grid-template-columns: 126px 118px 52px 52px !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips { align-items: center !important; background: #fff !important; border: 1px solid #d5d5d5 !important; border-radius: 8px !important; box-shadow: none !important; display: flex !important; grid-column: 2 !important; grid-row: 1 !important; height: 40px !important; justify-self: start !important; margin-left: 2px !important; max-width: 118px !important; min-height: 40px !important; min-width: 118px !important; opacity: 1 !important; padding: 4px 6px !important; visibility: visible !important; width: 118px !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 3 !important; justify-self: end !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle { grid-column: 4 !important; justify-self: end !important; } } /* Expanded Loan Scenario VA micro-alignment: match the collapsed header lane. */ @media (pointer: fine) { .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions, .selected-lead-panel .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions { left: 7px !important; position: relative !important; top: 4px !important; } } /* Mortgage header warnings stay visible, but breathe on their own second row. */ @media (pointer: fine) { .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:has(> .mini-snapshot-warning-chip), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:has(> .mini-snapshot-warning-chip), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:has(> .mini-snapshot-warning-chip) { grid-template-rows: auto auto !important; row-gap: 6px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-snapshot-warning-chip, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-snapshot-warning-chip, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-snapshot-warning-chip { align-self: start !important; border-radius: 7px !important; box-sizing: border-box !important; display: inline-flex !important; grid-column: 1 / -1 !important; grid-row: 2 !important; justify-content: flex-start !important; justify-self: stretch !important; margin: 0 !important; max-width: none !important; min-height: 26px !important; padding: 6px 10px !important; width: 100% !important; } } @media (pointer: fine) { .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) { column-gap: 4px !important; grid-template-columns: 126px 118px minmax(0,1fr) 52px 52px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips { display: flex !important; grid-column: 2 !important; grid-row: 1 !important; height: 40px !important; justify-self: start !important; margin-left: 2px !important; max-width: 118px !important; min-height: 40px !important; min-width: 118px !important; opacity: 1 !important; visibility: visible !important; width: 118px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 4 !important; grid-row: 1 !important; justify-self: end !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle { grid-column: 5 !important; grid-row: 1 !important; justify-self: end !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) { column-gap: 4px !important; grid-template-columns: 126px minmax(0,1fr) 52px 52px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips { opacity: 0 !important; pointer-events: none !important; visibility: hidden !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle { grid-column: 4 !important; grid-row: 1 !important; justify-self: end !important; } } /* Mortgage Auto tray: mood color backfill stays behind non-clickable header logos. */ .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips { cursor: default !important; pointer-events: none !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode { background: linear-gradient(135deg, color-mix(in srgb, var(--auto-mood-a, var(--accent)) 18%, var(--paper)), color-mix(in srgb, var(--auto-mood-b, var(--accent)) 24%, var(--paper))) !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 44%, #d5d5d5) !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip { cursor: default !important; pointer-events: none !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips { cursor: default !important; pointer-events: none !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode { background: linear-gradient(135deg, color-mix(in srgb, var(--auto-mood-a, var(--accent)) 18%, var(--paper)), color-mix(in srgb, var(--auto-mood-b, var(--accent)) 24%, var(--paper))) !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 44%, #d5d5d5) !important; } /* Desktop mortgage rail lane lock: prevent mid-width button/logo underlap. */ @media (pointer: fine) { .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions { align-items: center !important; column-gap: 4px !important; display: grid !important; grid-template-rows: auto !important; min-height: 40px !important; row-gap: 0 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions { grid-template-columns: 140px 118px minmax(0, 1fr) 62px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) { grid-template-columns: 140px 118px minmax(0, 1fr) 52px 62px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-second-mortgage-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-second-mortgage-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-second-mortgage-actions, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-second-mortgage-actions, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-second-mortgage-actions { grid-template-columns: 140px 118px minmax(0, 1fr) !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > span:first-child { box-sizing: border-box !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: 140px !important; min-width: 140px !important; width: 140px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips { box-sizing: border-box !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: 118px !important; min-width: 118px !important; width: 118px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 4 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; min-width: 52px !important; width: 52px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { grid-column: 4 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; min-width: 62px !important; width: 62px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle { grid-column: 5 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions { grid-template-columns: 140px minmax(0, 1fr) 62px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) { grid-template-columns: 140px minmax(0, 1fr) 52px 62px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips { display: none !important; max-width: 0 !important; min-width: 0 !important; width: 0 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 3 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-formal-compact-toggle { grid-column: 3 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-formal-compact-toggle { grid-column: 4 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle) { grid-template-columns: 126px 118px minmax(0, 1fr) 61px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) { grid-template-columns: 126px 118px minmax(0, 1fr) 52px 61px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-collapsed-option-chips), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-collapsed-option-chips), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-collapsed-option-chips), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-collapsed-option-chips), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-collapsed-option-chips) { grid-template-columns: 126px 118px minmax(0, 1fr) !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-collapsed-option-chips) > span:first-child, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-collapsed-option-chips) > span:first-child, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-collapsed-option-chips) > span:first-child, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-collapsed-option-chips) > span:first-child, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-collapsed-option-chips) > span:first-child { max-width: 126px !important; min-width: 126px !important; width: 126px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-collapsed-option-chips) > span:first-child, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-collapsed-option-chips) > span:first-child, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-collapsed-option-chips) > span:first-child, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-collapsed-option-chips) > span:first-child, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-collapsed-option-chips) > span:first-child { max-width: 126px !important; min-width: 126px !important; width: 126px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle { min-width: 61px !important; width: 61px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle { grid-column: 4 !important; grid-row: 1 !important; justify-self: end !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 4 !important; grid-row: 1 !important; justify-self: end !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle { grid-column: 5 !important; grid-row: 1 !important; justify-self: end !important; } } /* P/B and Formal quiet toggle state: neutral until actively selected. */ @media (pointer: fine) { .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) { grid-template-columns: 140px minmax(0, 1fr) 52px 4px 62px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 3 !important; justify-self: end !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle { grid-column: 5 !important; justify-self: end !important; } } .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-formal-header-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-formal-header-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled), .selected-lead-panel .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled), .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled), .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-formal-header-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled) { background: #fff !important; background-color: #fff !important; border-color: #d5d5d5 !important; box-shadow: none !important; color: var(--ink) !important; font-weight: 500 !important; transform: none !important; } .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):hover, .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):focus, .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):hover, .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):focus, .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-formal-header-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):hover, .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-formal-header-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):focus, .lead-inline-detail-stack .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):hover, .lead-inline-detail-stack .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):focus, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):hover, .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):focus, .selected-lead-panel .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):hover, .selected-lead-panel .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):focus, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):hover, .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):focus { background: #fff !important; background-color: #fff !important; border-color: color-mix(in srgb, var(--muted) 34%, #d5d5d5) !important; box-shadow: none !important; color: var(--ink) !important; font-weight: 500 !important; outline: 0 !important; transform: none !important; } .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-formal-header-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-formal-header-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled), .selected-lead-panel .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled), .selected-lead-panel .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled), .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-formal-header-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled) { background: var(--accent) !important; background-color: var(--accent) !important; border-color: color-mix(in srgb, var(--accent) 82%, #0c5f94) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 32%, transparent) !important; color: #fff !important; font-weight: 650 !important; transform: none !important; } .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled):hover, .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled):focus, .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled):hover, .mini-rate-snapshot-head > .mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled):focus, .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-formal-header-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled):hover, .mini-rate-snapshot-head .mini-snapshot-head-actions .mini-formal-header-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled):focus { background: color-mix(in srgb, var(--accent) 92%, #063f66) !important; background-color: color-mix(in srgb, var(--accent) 92%, #063f66) !important; border-color: color-mix(in srgb, var(--accent) 82%, #0c5f94) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 32%, transparent) !important; color: #fff !important; font-weight: 650 !important; outline: 0 !important; transform: none !important; } .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) .piggyback-label-full, .mini-rate-snapshot-head .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) .piggyback-label-short { color: inherit !important; font-weight: inherit !important; } /* Narrow expanded Property Zillow placement: keep the button in the collapsed lane. */ @container (max-width: 430px) { .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property[open] > .property-summary { --property-zillow-slot-width: 98px !important; align-items: center !important; grid-template-columns: max-content minmax(0,1fr) var(--property-zillow-slot-width) !important; min-height: 40px !important; } .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property[open] .property-summary-links { align-self: center !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; max-width: var(--property-zillow-slot-width) !important; position: static !important; right: auto !important; top: auto !important; transform: translateY(2px) !important; width: var(--property-zillow-slot-width) !important; } } /* Final P/B + Formal state contract: off is white, on is accent, hover has no halo. */ .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):hover, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):focus, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-header-toggle.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-header-toggle.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):hover, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-header-toggle.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):focus { background: #fff !important; background-color: #fff !important; border-color: #d5d5d5 !important; box-shadow: none !important; color: var(--ink) !important; font-weight: 500 !important; outline: 0 !important; transform: none !important; } .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled):hover, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled):focus, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-header-toggle.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-header-toggle.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled):hover, .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-header-toggle.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled):focus { background: var(--accent) !important; background-color: var(--accent) !important; border-color: color-mix(in srgb, var(--accent) 82%, #0c5f94) !important; box-shadow: none !important; color: #fff !important; font-weight: 650 !important; outline: 0 !important; transform: none !important; } /* Split mortgage Auto tray tint: keep side-by-side logo windows mood-backed. */ @media (pointer: fine) { .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips.is-auto-mode, .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips.is-auto-mode, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips.is-auto-mode { background: linear-gradient(135deg, color-mix(in srgb, var(--auto-mood-a, var(--accent)) 18%, var(--paper)), color-mix(in srgb, var(--auto-mood-b, var(--accent)) 24%, var(--paper))) !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 44%, #d5d5d5) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent) !important; } } /* Mortgage compare split guard: stack only until two compact lanes can fit logo tray + P/B + Formal. */ @container (max-width: 779px) { .mini-pricing-body.is-compare { display: grid !important; grid-template-columns: minmax(0,1fr) !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .mini-pricing-body.is-compare > .mini-pricing-warning { grid-column: 1 !important; min-width: 0 !important; } } @container (min-width: 430px) { .mini-pricing-body.is-compare { align-items: start !important; display: grid !important; gap: 8px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } /* Side-by-side collapsed compare bars: stretch the lane and keep actions right-anchored. */ @container (min-width: 780px) { .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:not([open]) { box-sizing: border-box !important; justify-self: stretch !important; min-width: 0 !important; width: 100% !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions { box-sizing: border-box !important; justify-self: stretch !important; min-width: 0 !important; width: 100% !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) { align-items: center !important; column-gap: 4px !important; display: grid !important; grid-template-columns: 126px 118px minmax(0,1fr) 52px 52px !important; grid-template-rows: auto !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: 126px !important; min-width: 126px !important; width: 126px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: 118px !important; min-width: 118px !important; width: 118px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 4 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; min-width: 52px !important; width: 52px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle { grid-column: 5 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; min-width: 52px !important; width: 52px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips[class*="deterministic-auto-mood-"] { background: linear-gradient(135deg, color-mix(in srgb, var(--auto-mood-a, var(--accent)) 18%, var(--paper)), color-mix(in srgb, var(--auto-mood-b, var(--accent)) 24%, var(--paper))) !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 44%, #d5d5d5) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent) !important; } } /* Final collapsed Auto tray tint: applies in skinny stacked and side-by-side compare states. */ .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips.is-auto-mode, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips[class*="deterministic-auto-mood-"], .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips.is-auto-mode, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips[class*="deterministic-auto-mood-"], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips.is-auto-mode, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .mini-collapsed-option-chips[class*="deterministic-auto-mood-"], .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips.is-auto-mode, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips[class*="deterministic-auto-mood-"] { background: linear-gradient(135deg, color-mix(in srgb, var(--auto-mood-a, var(--accent)) 18%, var(--paper)), color-mix(in srgb, var(--auto-mood-b, var(--accent)) 24%, var(--paper))) !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 44%, #d5d5d5) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent) !important; } /* Final first-mortgage compare action dock: keep P/B and Formal on the right edge. */ .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) { align-items: center !important; box-sizing: border-box !important; column-gap: 4px !important; display: grid !important; grid-template-columns: 126px 118px minmax(0,1fr) 52px 52px !important; grid-template-rows: auto !important; justify-items: stretch !important; min-width: 0 !important; width: 100% !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > span:first-child, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > span:first-child, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > span:first-child, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > span:first-child, .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: 126px !important; min-width: 126px !important; width: 126px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips, .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; margin-left: 2px !important; max-width: 118px !important; min-width: 118px !important; width: 118px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 4 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; min-width: 52px !important; width: 52px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle { grid-column: 5 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; min-width: 52px !important; width: 52px !important; } /* Full side-panel split: tuck P/B + Formal inside the first mortgage lane. */ @media (min-width: 1181px) { .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) { column-gap: 3px !important; grid-template-columns: 122px 108px minmax(0,1fr) 48px 54px !important; padding-right: 8px !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > span:first-child, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > span:first-child { max-width: 122px !important; min-width: 122px !important; width: 122px !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips { margin-left: 0 !important; max-width: 108px !important; min-width: 108px !important; width: 108px !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { max-width: 48px !important; min-width: 48px !important; width: 48px !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle { max-width: 54px !important; min-width: 54px !important; width: 54px !important; } } /* Final compare width lock: keep mortgage lanes at the screenshot-1 footprint and center extra space. */ .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-editor-grid.has-mortgage-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .lead-editor-grid.has-mortgage-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .selected-lead-panel .lead-editor-grid.has-mortgage-compare { --mini-compare-grid-max: 956px; box-sizing: border-box !important; justify-self: center !important; margin-left: auto !important; margin-right: auto !important; max-width: var(--mini-compare-grid-max) !important; width: min(100%, var(--mini-compare-grid-max)) !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .mini-pricing-body.is-compare, .selected-lead-panel .mini-pricing-body.is-compare { --mini-compare-grid-max: 956px; --mini-compare-lane-max: 474px; box-sizing: border-box !important; justify-self: center !important; margin-left: auto !important; margin-right: auto !important; max-width: var(--mini-compare-grid-max) !important; width: min(100%, var(--mini-compare-grid-max)) !important; } @container (min-width: 780px) { .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .mini-pricing-body.is-compare, .selected-lead-panel .mini-pricing-body.is-compare { justify-content: center !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { box-sizing: border-box !important; max-width: var(--mini-compare-lane-max, 474px) !important; width: 100% !important; } } /* Stretched compare editor: split the lead cards into lanes and keep 1st/2nd mortgages side by side. */ @media (min-width: 1181px) { .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor:has(.lead-editor-grid.has-mortgage-compare.is-measured-two-lane), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor:has(.lead-editor-grid.has-mortgage-compare.is-measured-two-lane), .lead-expanded-workspace-frame .lead-editor:has(.lead-editor-grid.has-mortgage-compare.is-measured-two-lane) { max-width: min(100%, var(--mini-compare-grid-max, 956px)) !important; width: min(100%, var(--mini-compare-grid-max, 956px)) !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane { grid-auto-flow: dense !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane > [data-lead-editor-card="property"], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane > [data-lead-editor-card="property"], .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane > [data-lead-editor-card="property"] { grid-column: 1 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane > [data-lead-editor-card="loanScenario"], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane > [data-lead-editor-card="loanScenario"], .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane > [data-lead-editor-card="loanScenario"] { grid-column: 2 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane > [data-lead-editor-card="pricing"], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane > [data-lead-editor-card="pricing"], .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane > [data-lead-editor-card="pricing"] { grid-column: 1 / -1 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-content: center !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: auto !important; min-width: 0 !important; width: 100% !important; } } /* Compare mortgage lanes need enough width for the worst-case P/B + Formal action rail. */ .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare { display: grid !important; gap: 8px !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 418px), 1fr)) !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { box-sizing: border-box !important; grid-column: auto !important; justify-self: stretch !important; min-width: 0 !important; width: 100% !important; } .lead-expanded-workspace-frame > .lead-editor, .lead-inline-detail-stack .lead-expanded-workspace-frame > .lead-editor { container-type: inline-size; } /* Full side-panel compare editor: split Property and Loan Scenario only above the safe two-card floor. */ @media (min-width: 1181px) { .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane), .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) { grid-auto-flow: dense !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="property"], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="property"], .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="property"] { grid-column: 1 !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"], .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"] { grid-column: 2 !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"], .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"] { grid-column: 1 / -1 !important; } } /* Full right-pane compare breakpoint: stack before the two lanes get crushed. */ @container (max-width: 852px) { .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane { grid-auto-flow: row !important; grid-template-columns: minmax(0, min(100%, 418px)) !important; justify-content: center !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card], .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card] { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 418px) !important; width: 100% !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare { grid-template-columns: minmax(0, min(100%, 418px)) !important; justify-content: center !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 418px) !important; width: 100% !important; } } /* Tight compare lane: keep Formal on row one and move Piggyback to a full-width second row. */ @container (max-width: 417px) { .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) { padding-bottom: 7px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) { align-items: center !important; column-gap: 4px !important; display: grid !important; grid-template-columns: 126px minmax(0,1fr) 54px !important; grid-template-rows: 38px 35px !important; row-gap: 6px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; max-width: 126px !important; min-width: 126px !important; width: 126px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: 118px !important; min-width: 118px !important; width: 118px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle { font-size: 11px !important; grid-column: 3 !important; grid-row: 1 !important; height: 35px !important; justify-self: end !important; margin: 0 !important; max-width: 48px !important; min-height: 35px !important; min-width: 48px !important; padding-left: 5px !important; padding-right: 5px !important; width: 48px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { border-radius: 7px !important; grid-column: 1 / -1 !important; grid-row: 2 !important; height: 35px !important; justify-self: stretch !important; margin: 0 !important; max-width: none !important; min-height: 35px !important; min-width: 0 !important; width: 100% !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) .piggyback-label-full, .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) .piggyback-label-short { display: none !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)::after { content: "Piggyback"; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled) { background: #fff !important; background-color: #fff !important; border-color: #d5d5d5 !important; color: var(--ink) !important; } } /* Final compare rate window rhythm: equalize the rate/itemization card heights. */ .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-snapshot-layout > .mini-quote-summary, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare .mini-snapshot-layout > .mini-quote-summary, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-snapshot-layout > .mini-quote-summary, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare .mini-snapshot-layout > .mini-quote-summary, .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-snapshot-layout > .mini-quote-summary, .selected-lead-panel .mini-pricing-body.is-compare .mini-snapshot-layout > .mini-quote-summary { align-content: center !important; min-height: 286px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-snapshot-layout .mini-price-copy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare .mini-snapshot-layout .mini-price-copy, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-snapshot-layout .mini-price-copy, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare .mini-snapshot-layout .mini-price-copy, .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-snapshot-layout .mini-price-copy, .selected-lead-panel .mini-pricing-body.is-compare .mini-snapshot-layout .mini-price-copy { align-content: center !important; } /* Two-lane compare snapshot polish: align the mortgage stacks and compact Product/Term. */ @container (min-width: 780px) { .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-product-controls, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-product-controls, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-product-controls { align-items: stretch !important; grid-auto-rows: 52px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label { height: 52px !important; min-height: 52px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has([data-mini-product-field="pricingTerm"]), .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has([data-mini-product-field="secondPricingTerm"]), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has([data-mini-product-field="pricingTerm"]), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has([data-mini-product-field="secondPricingTerm"]), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has([data-mini-product-field="pricingTerm"]), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has([data-mini-product-field="secondPricingTerm"]) { grid-column: 1 !important; order: 1 !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has([data-mini-product-field="loanType"]), .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has([data-mini-product-field="secondLoanType"]), .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has(.mini-static-control), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has([data-mini-product-field="loanType"]), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has([data-mini-product-field="secondLoanType"]), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has(.mini-static-control), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has([data-mini-product-field="loanType"]), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has([data-mini-product-field="secondLoanType"]), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-product-controls label:has(.mini-static-control) { grid-column: 2 !important; order: 2 !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-first[open] .mini-fee-strip > .mini-second-loan-amount-tile, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-first[open] .mini-fee-strip > .mini-second-loan-amount-tile, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-first[open] .mini-fee-strip > .mini-second-loan-amount-tile { display: none !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-snapshot-layout, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-snapshot-layout, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-snapshot-layout { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls { grid-column: 1 / -1 !important; grid-row: auto !important; order: 1 !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-strip, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-strip, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-strip { align-items: stretch !important; grid-auto-rows: 58px !important; grid-column: 1 / -1 !important; grid-row: auto !important; order: 2 !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-strip > :is(.mini-fee-tile-loan, .mini-second-loan-amount-tile), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-strip > :is(.mini-fee-tile-loan, .mini-second-loan-amount-tile), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-strip > :is(.mini-fee-tile-loan, .mini-second-loan-amount-tile) { height: 58px !important; min-height: 58px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-loan-amount-actions, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-loan-amount-actions, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-loan-amount-actions { align-self: center !important; min-height: 34px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary { align-content: start !important; grid-column: 1 / -1 !important; grid-row: auto !important; min-height: 286px !important; order: 3 !important; padding: 13px 14px 12px !important; position: relative !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block { justify-items: end !important; margin: 0 !important; max-width: 136px !important; position: absolute !important; right: 12px !important; text-align: right !important; top: 10px !important; width: 136px !important; z-index: 1 !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo { justify-items: end !important; text-align: right !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-sheet-text, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-sheet-text, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-sheet-text { display: none !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .lender-brand.mini-banner, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .lender-brand.mini-banner, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .lender-brand.mini-banner { justify-content: flex-end !important; min-height: 32px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo { height: 30px !important; max-width: 124px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .mini-rate-timestamp, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .mini-rate-timestamp, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .mini-rate-timestamp { display: block !important; font-size: 10px !important; justify-self: end !important; margin-top: 2px !important; text-align: right !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-copy, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-copy, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-copy { align-content: start !important; display: grid !important; grid-template-rows: max-content max-content minmax(0, 1fr) !important; margin-top: 0 !important; min-height: 260px !important; padding-right: 0 !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-copy > strong, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-copy > strong, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-copy > strong { font-size: 36px !important; line-height: .94 !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-details, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-details, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-details { margin-top: 6px !important; min-height: 46px !important; padding-right: 0 !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-second[open] .mini-rate-details, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-second[open] .mini-rate-details, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-second[open] .mini-rate-details { margin-top: 6px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-second[open] .mini-fee-itemization, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-second[open] .mini-fee-itemization, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-second[open] .mini-fee-itemization, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-second[open] .mini-fee-itemization { margin-top: 24px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-details span, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-details span, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-details span { font-size: 14px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble { min-height: 28px !important; min-width: 104px !important; padding: 6px 12px !important; right: 12px !important; bottom: -2px !important; top: auto !important; transform: none !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-second[open] .mini-rate-purpose-bubble, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-second[open] .mini-rate-purpose-bubble, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame.is-second[open] .mini-rate-purpose-bubble { bottom: -2px !important; top: auto !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble strong, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble strong, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble strong { font-size: 12.5px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble .mini-purpose-code, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble .mini-purpose-code, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble .mini-purpose-code { display: none !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble .mini-purpose-full, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble .mini-purpose-full, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble .mini-purpose-full { display: inline !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization { align-self: start !important; margin-bottom: 0 !important; margin-top: 12px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization-row, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization-row, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization-row, .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-drilldown > summary, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-drilldown > summary, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-drilldown > summary { min-height: 26px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization-row span, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization-row span, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization-row span { font-size: 13px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization-row strong, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization-row strong, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization-row strong, .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization-row input, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization-row input, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-fee-itemization-row input { font-size: 14px !important; } } /* Expanded mortgage stack order: Product/Term, Loan Amount, then rate card. */ .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-snapshot-layout, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-layout, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-layout, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .mini-snapshot-layout { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto !important; } .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-snapshot-layout > .mini-snapshot-side-controls, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-layout > .mini-snapshot-side-controls, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-layout > .mini-snapshot-side-controls, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .mini-snapshot-layout > .mini-snapshot-side-controls { grid-column: 1 / -1 !important; grid-row: auto !important; order: 1 !important; } .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-snapshot-layout > .mini-fee-strip, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-layout > .mini-fee-strip, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-layout > .mini-fee-strip, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .mini-snapshot-layout > .mini-fee-strip { grid-column: 1 / -1 !important; grid-row: auto !important; order: 2 !important; } .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-snapshot-layout > .mini-quote-summary, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-snapshot-layout > .mini-quote-summary, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-snapshot-layout > .mini-quote-summary, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .mini-snapshot-layout > .mini-quote-summary { grid-column: 1 / -1 !important; grid-row: auto !important; order: 3 !important; } /* Expanded compare cards: keep logo out of flow so both liens' rates top-align. */ @media (min-width: 721px) { .lead-editor-grid .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary, .lead-inline-detail-stack .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary, .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary { align-content: start !important; align-items: start !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; position: relative !important; } .lead-editor-grid .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block, .lead-inline-detail-stack .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block, .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block { justify-items: end !important; margin: 0 !important; max-width: 136px !important; order: 2 !important; position: absolute !important; right: 12px !important; text-align: right !important; top: 10px !important; width: 136px !important; z-index: 1 !important; } .lead-editor-grid .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-copy, .lead-inline-detail-stack .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-copy, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-copy, .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-copy { align-content: start !important; align-self: start !important; margin-top: 0 !important; order: 1 !important; padding-top: 0 !important; } } /* Expanded rate cards: keep lender/timestamp locked right, even when only one stack is visible. */ .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-quote-summary, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-quote-summary, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-quote-summary, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .mini-quote-summary { align-content: start !important; align-items: start !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; position: relative !important; } .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-source-block, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-source-block, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-source-block, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .mini-source-block { box-sizing: border-box !important; contain: layout paint !important; justify-items: end !important; margin: 0 !important; max-width: 188px !important; min-height: 48px !important; min-width: 188px !important; order: 2 !important; position: absolute !important; right: 12px !important; text-align: right !important; top: 10px !important; width: 188px !important; z-index: 1 !important; } .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-price-logo, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-price-logo, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-price-logo, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .mini-price-logo, .lead-editor-grid .mini-rate-snapshot-frame[open] .lender-brand.mini-banner, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .lender-brand.mini-banner, .selected-lead-panel .mini-rate-snapshot-frame[open] .lender-brand.mini-banner, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .lender-brand.mini-banner, .lead-editor-grid .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo-stack, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo-stack, .selected-lead-panel .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo-stack, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo-stack { align-items: center !important; justify-content: flex-end !important; justify-items: end !important; text-align: right !important; } .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-price-logo, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-price-logo, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-price-logo, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .mini-price-logo { align-items: center !important; box-sizing: border-box !important; display: grid !important; height: 48px !important; justify-content: end !important; max-height: 48px !important; max-width: 188px !important; min-height: 48px !important; min-width: 188px !important; width: 188px !important; } .lead-editor-grid .mini-rate-snapshot-frame[open] .lender-brand.mini-banner, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .lender-brand.mini-banner, .selected-lead-panel .mini-rate-snapshot-frame[open] .lender-brand.mini-banner, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .lender-brand.mini-banner { box-sizing: border-box !important; height: 44px !important; justify-content: flex-end !important; max-height: 44px !important; max-width: 188px !important; min-height: 44px !important; min-width: 188px !important; width: 188px !important; } .lead-editor-grid .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo-stack, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo-stack, .selected-lead-panel .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo-stack, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo-stack { height: 42px !important; max-height: 42px !important; max-width: 174px !important; min-height: 42px !important; min-width: 174px !important; width: 174px !important; } .lead-editor-grid .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo, .selected-lead-panel .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .lender-brand.mini-banner .lender-logo { display: block !important; height: 38px !important; max-height: 38px !important; max-width: 174px !important; object-fit: contain !important; object-position: center right !important; width: 174px !important; } .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-price-logo .mini-rate-timestamp, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-price-logo .mini-rate-timestamp, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-price-logo .mini-rate-timestamp, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .mini-price-logo .mini-rate-timestamp { display: block !important; font-size: 10px !important; justify-self: end !important; margin-top: 2px !important; text-align: right !important; } .lead-editor-grid .mini-rate-snapshot-frame[open] .mini-price-copy, .lead-inline-detail-stack .mini-rate-snapshot-frame[open] .mini-price-copy, .selected-lead-panel .mini-rate-snapshot-frame[open] .mini-price-copy, .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .mini-price-copy { align-content: start !important; align-self: start !important; margin-top: 0 !important; order: 1 !important; padding-top: 0 !important; } /* Final compare lane width gate: never keep two lanes below the screenshot-1 footprint. */ .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare { --mini-compare-lane-floor: 418px; display: grid !important; gap: 8px !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--mini-compare-lane-floor)), 1fr)) !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: auto !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } @container (max-width: 852px) { .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane { grid-auto-flow: row !important; grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card], .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card], .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card] { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 418px) !important; width: 100% !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare { display: grid !important; grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } } /* Mortgage compare cards: preserve the screenshot-width two-lane floor, then stack below it. */ @container (max-width: 852px) { .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare { display: grid !important; grid-template-columns: minmax(0, min(100%, var(--mini-compare-lane-floor))) !important; justify-content: center !important; max-width: none !important; width: 100% !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: 1 !important; justify-self: stretch !important; max-width: min(100%, var(--mini-compare-lane-floor)) !important; min-width: 0 !important; width: 100% !important; } } /* Universal compact P/B + Formal state: white off, accent on, no hover halo. */ .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled) { background: #fff !important; background-color: #fff !important; border: 1px solid #d5d5d5 !important; border-color: #d5d5d5 !important; box-shadow: none !important; color: var(--ink) !important; font-weight: 500 !important; outline: 0 !important; transform: none !important; } .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active) { background: #fff !important; background-color: #fff !important; border-color: #d5d5d5 !important; box-shadow: none !important; color: var(--ink) !important; } .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-inline-detail-stack .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active) { background: var(--accent) !important; background-color: var(--accent) !important; border: 1px solid color-mix(in srgb, var(--accent) 82%, #0c5f94) !important; border-color: color-mix(in srgb, var(--accent) 82%, #0c5f94) !important; box-shadow: none !important; color: #fff !important; font-weight: 650 !important; outline: 0 !important; transform: none !important; } /* Expanded Loan Scenario: use the same two-column desktop rhythm in every workspace. */ @container (min-width: 360px) { .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary { margin-bottom: 8px !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body { display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; padding-top: 0 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > * { min-width: 0 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-top-right-spacer { display: none !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico { grid-column: 2 !important; grid-row: 1 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-occupancy { grid-column: 1 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-purpose { grid-column: 2 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 2 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-down-payment { grid-column: 1 !important; grid-row: 3 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose { grid-row: 4 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-second-loan { grid-column: 2 !important; grid-row: 2 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-down-payment { grid-column: 1 !important; grid-row: 3 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose { grid-row: 4 !important; } .lead-editor-grid .lead-scenario-fields[open] .scenario-field-ratio-pair { display: grid !important; gap: 8px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .lead-editor-grid .lead-scenario-fields[open] .scenario-field-ratio-pair label { margin-bottom: 0 !important; min-width: 0 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 2 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-occupancy, .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-purpose { grid-row: 3 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 2 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-second-balance { grid-column: 1 !important; grid-row: 3 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-cash-out { grid-column: 1 !important; grid-row: 4 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .rate-term-second-toggle-row { grid-column: 1 / -1 !important; grid-row: 5 !important; margin-bottom: 0 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-occupancy, .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-purpose { grid-row: 5 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .rate-term-second-toggle-row { grid-column: 1 !important; grid-row: 4 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-cash-out { grid-column: 1 !important; grid-row: 5 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-occupancy, .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-purpose { grid-row: 6 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 3 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv { grid-column: 1 / -1 !important; grid-row: 4 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(.has-second-lien-treatment) > .scenario-field-occupancy, .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(.has-second-lien-treatment) > .scenario-field-purpose { grid-row: 5 !important; } } /* Global compact mortgage toggles: keep P/B and Formal honest in every pane width. */ .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active) { background: #fff !important; background-color: #fff !important; border: 1px solid #d5d5d5 !important; border-color: #d5d5d5 !important; box-shadow: none !important; color: var(--ink) !important; font-weight: 500 !important; outline: 0 !important; transform: none !important; } .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle):is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions > button.piggyback-bubble.is-compact.mini-formal-compact-toggle:is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active) { background: var(--accent) !important; background-color: var(--accent) !important; border: 1px solid color-mix(in srgb, var(--accent) 82%, #0c5f94) !important; border-color: color-mix(in srgb, var(--accent) 82%, #0c5f94) !important; box-shadow: none !important; color: #fff !important; font-weight: 650 !important; outline: 0 !important; transform: none !important; } /* Narrow stacked compare cards: label/Formal, logo tray, then Piggyback below the screenshot-width floor. */ @container (max-width: 852px) { .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:not([open]) { padding-bottom: 8px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) { align-items: center !important; column-gap: 6px !important; display: grid !important; grid-template-columns: minmax(0,1fr) 54px !important; grid-template-rows: 36px 35px 35px !important; min-height: 118px !important; row-gap: 6px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: 100% !important; min-width: 0 !important; width: max-content !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-collapsed-option-chips { grid-column: 1 / -1 !important; grid-row: 2 !important; justify-self: start !important; margin: 0 !important; max-width: 118px !important; min-width: 118px !important; width: 118px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { grid-column: 1 / -1 !important; grid-row: 3 !important; height: 35px !important; justify-self: stretch !important; margin: 0 !important; max-width: none !important; min-height: 35px !important; min-width: 0 !important; width: 100% !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .mini-formal-compact-toggle { grid-column: 2 !important; grid-row: 1 !important; height: 35px !important; justify-self: end !important; margin: 0 !important; min-height: 35px !important; min-width: 54px !important; width: 54px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) .piggyback-label-full, .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) .piggyback-label-short { display: none !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)):has(> .mini-formal-compact-toggle) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)::after { content: "Piggyback"; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second > .mini-rate-snapshot-head.has-mortgage-actions.has-second-mortgage-actions { align-items: center !important; column-gap: 6px !important; display: grid !important; grid-template-columns: minmax(0,1fr) !important; grid-template-rows: 36px 35px !important; min-height: 77px !important; row-gap: 6px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second > .mini-rate-snapshot-head.has-mortgage-actions.has-second-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; max-width: 100% !important; min-width: 0 !important; width: max-content !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second > .mini-rate-snapshot-head.has-mortgage-actions.has-second-mortgage-actions > .mini-collapsed-option-chips { grid-column: 1 !important; grid-row: 2 !important; justify-self: start !important; margin: 0 !important; max-width: 118px !important; min-width: 118px !important; width: 118px !important; } } /* Balanced mortgage stack lanes: cap single-stack width and avoid skinny compare columns. */ .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare { --lead-editor-compare-lane-max: 474px; --lead-editor-compare-context-lane-max: 474px; --lead-editor-compare-grid-max: 956px; --mini-compare-lane-floor: 474px; --mini-compare-lane-min: 356px; --mini-compare-lane-max: 474px; --mini-compare-grid-max: 956px; justify-content: center !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane), .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) { grid-template-columns: minmax(0,min(100%,var(--lead-editor-compare-lane-max))) !important; max-width: min(100%,var(--lead-editor-compare-lane-max)) !important; width: min(100%,var(--lead-editor-compare-lane-max)) !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane), .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) { grid-template-columns: repeat(2,minmax(0,var(--lead-editor-compare-lane-max))) !important; max-width: min(100%,var(--lead-editor-compare-grid-max)) !important; width: min(100%,var(--lead-editor-compare-grid-max)) !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card], .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card], .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card] { max-width: min(100%,var(--lead-editor-compare-lane-max)) !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) > [data-lead-editor-card], .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) > [data-lead-editor-card], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) > [data-lead-editor-card], .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) > [data-lead-editor-card] { grid-column: 1 !important; justify-self: center !important; width: 100% !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card], .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card], .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card] { justify-self: stretch !important; width: 100% !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare { display: grid !important; gap: 8px !important; grid-template-columns: repeat(auto-fit,minmax(min(100%,var(--mini-compare-lane-min, var(--mini-compare-lane-max))),var(--mini-compare-lane-max))) !important; justify-content: center !important; margin-left: auto !important; margin-right: auto !important; max-width: min(100%,var(--mini-compare-grid-max)) !important; width: min(100%,var(--mini-compare-grid-max)) !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) .mini-pricing-body.is-compare, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) .mini-pricing-body.is-compare, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) .mini-pricing-body.is-compare { grid-template-columns: minmax(0,min(100%,var(--mini-compare-lane-max))) !important; max-width: min(100%,var(--mini-compare-lane-max)) !important; width: min(100%,var(--mini-compare-lane-max)) !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: auto !important; justify-self: stretch !important; max-width: min(100%,var(--mini-compare-lane-max)) !important; min-width: 0 !important; width: 100% !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare.is-piggyback-collapsed-compare > .mini-rate-snapshot-frame.is-second:not([open]), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare.is-piggyback-collapsed-compare > .mini-rate-snapshot-frame.is-second:not([open]), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare.is-piggyback-collapsed-compare > .mini-rate-snapshot-frame.is-second:not([open]), .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare.is-piggyback-collapsed-compare > .mini-rate-snapshot-frame.is-second:not([open]) { grid-column: 1 !important; grid-row: 1 !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare.is-piggyback-collapsed-compare > .mini-rate-snapshot-frame.is-first, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare.is-piggyback-collapsed-compare > .mini-rate-snapshot-frame.is-first, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare.is-piggyback-collapsed-compare > .mini-rate-snapshot-frame.is-first, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare.is-piggyback-collapsed-compare > .mini-rate-snapshot-frame.is-first { grid-column: 1 !important; grid-row: 1 !important; } /* Single mortgage stack: keep the lane in the same width family as Property and Loan Scenario. */ .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare), .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare) { --lead-editor-single-lane-max: var(--lead-editor-compare-lane-max, 474px); } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-one-lane, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-one-lane, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-one-lane, .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-one-lane { grid-template-columns: minmax(0,min(100%,var(--lead-editor-single-lane-max))) !important; justify-content: center !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-two-lane, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-two-lane, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-two-lane, .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-two-lane { grid-template-columns: repeat(2,minmax(0,var(--lead-editor-single-lane-max))) !important; justify-content: center !important; max-width: min(100%,calc((var(--lead-editor-single-lane-max) * 2) + 8px)) !important; width: min(100%,calc((var(--lead-editor-single-lane-max) * 2) + 8px)) !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-two-lane > [data-lead-editor-card], .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-two-lane > [data-lead-editor-card], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-two-lane > [data-lead-editor-card], .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-two-lane > [data-lead-editor-card] { max-width: min(100%,var(--lead-editor-single-lane-max)) !important; width: 100% !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-one-lane > [data-lead-editor-card], .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-one-lane > [data-lead-editor-card], .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-one-lane > [data-lead-editor-card], .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare).is-measured-one-lane > [data-lead-editor-card] { justify-self: center !important; max-width: min(100%,var(--lead-editor-single-lane-max)) !important; width: 100% !important; } .workspace.has-side-panel .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare) .mini-pricing-body:not(.is-compare), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare) .mini-pricing-body:not(.is-compare), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare) .mini-pricing-body:not(.is-compare), .lead-expanded-workspace-frame .lead-editor-grid:not(.has-mortgage-compare) .mini-pricing-body:not(.is-compare) { margin-left: auto !important; margin-right: auto !important; max-width: min(100%,var(--lead-editor-single-lane-max)) !important; width: min(100%,var(--lead-editor-single-lane-max)) !important; } /* Piggyback compare parity: let the 2nd Mortgage header share the same compact P/B contract. */ .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active) { background: var(--paper) !important; background-color: var(--paper) !important; border: 1px solid var(--line) !important; border-color: var(--line) !important; box-shadow: none !important; color: var(--ink) !important; font-weight: 500 !important; outline: 0 !important; transform: none !important; } .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active) { background: var(--accent) !important; background-color: var(--accent) !important; border: 1px solid color-mix(in srgb, var(--accent) 82%, #0c5f94) !important; border-color: color-mix(in srgb, var(--accent) 82%, #0c5f94) !important; box-shadow: none !important; color: #fff !important; font-weight: 650 !important; outline: 0 !important; transform: none !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact:is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active) { background: var(--accent) !important; background-color: var(--accent) !important; border-color: color-mix(in srgb, var(--accent) 82%, #0c5f94) !important; box-shadow: none !important; color: #fff !important; font-weight: 650 !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > button.piggyback-bubble.is-second-mortgage-piggyback.is-compact:not(.is-on):not([aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > button.piggyback-bubble.is-second-mortgage-piggyback.is-compact:not(.is-on):not([aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > button.piggyback-bubble.is-second-mortgage-piggyback.is-compact:not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > button.piggyback-bubble.is-second-mortgage-piggyback.is-compact:not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active) { background: var(--paper) !important; background-color: var(--paper) !important; border-color: var(--line) !important; box-shadow: none !important; color: var(--ink) !important; font-weight: 500 !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > button.piggyback-bubble.is-second-mortgage-piggyback.is-compact:is(.is-on,[aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > button.piggyback-bubble.is-second-mortgage-piggyback.is-compact:is(.is-on,[aria-pressed="true"]):not(:disabled), .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > button.piggyback-bubble.is-second-mortgage-piggyback.is-compact:is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active), .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > button.piggyback-bubble.is-second-mortgage-piggyback.is-compact:is(.is-on,[aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active) { background: var(--accent) !important; background-color: var(--accent) !important; border-color: color-mix(in srgb, var(--accent) 82%, #0c5f94) !important; box-shadow: none !important; color: #fff !important; font-weight: 650 !important; } @media (pointer: fine) and (min-width: 821px) { .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) { grid-template-columns: 148px max-content minmax(52px,1fr) !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; order: initial !important; } } @container (max-width: 852px) { .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) { grid-template-columns: minmax(0,1fr) 54px !important; grid-template-rows: 36px 35px !important; min-height: 77px !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips { grid-column: 1 / -1 !important; grid-row: 2 !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions { grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; } .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions > .piggyback-bubble.is-compact { height: 35px !important; min-height: 35px !important; min-width: 54px !important; width: 54px !important; } } /* Desktop inline compare cards: keep narrow-pane repairs from bloating the laptop pane. */ @media (pointer: fine) { .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) { align-content: center !important; gap: 0 !important; min-height: 0 !important; padding-bottom: 5px !important; padding-top: 5px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions { align-items: center !important; box-sizing: border-box !important; column-gap: 7px !important; display: grid !important; grid-template-columns: max-content minmax(0,1fr) 62px !important; grid-template-rows: 36px !important; min-height: 36px !important; row-gap: 0 !important; width: 100% !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { display: none !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; margin: 0 !important; max-width: 118px !important; transform: translateX(-2px) !important; width: max-content !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle { display: inline-flex !important; grid-column: 3 !important; grid-row: 1 !important; height: 35px !important; justify-self: end !important; margin-left: 0 !important; min-height: 35px !important; min-width: 62px !important; opacity: 1 !important; visibility: visible !important; width: 62px !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) { box-sizing: border-box !important; grid-template-columns: max-content minmax(0,1fr) 54px !important; grid-template-rows: 36px !important; min-height: 40px !important; width: 100% !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; margin: 0 !important; max-width: 118px !important; width: max-content !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions), .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions), .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) { align-items: center !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: max-content minmax(0,1fr) 54px !important; grid-template-rows: 36px !important; min-height: 40px !important; row-gap: 0 !important; width: 100% !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > span:first-child, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > span:first-child, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips, .lead-table-region .lead-inline-detail-stack .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips { display: none !important; } } /* True mobile lead pane width restore: use the phone viewport, not the older narrow rail cap. */ @media (max-width: 640px) { .workspace.has-mobile-inline-detail-lock { --lead-pane-lower-tool-width: 100%; --mobile-lead-detail-effective-width: min(100%, var(--mobile-lead-detail-width), 430px); --mobile-lead-detail-width: calc(100dvw - 22px); padding-left: 0 !important; padding-right: 0 !important; } .workspace.has-mobile-inline-detail-lock .lead-table-region { max-width: 100dvw !important; overflow-x: hidden !important; } .workspace.has-mobile-inline-detail-lock .lead-table-region .table-wrap { overflow-x: hidden !important; overscroll-behavior-x: none !important; touch-action: pan-x pan-y !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-block { margin-left: auto !important; margin-right: auto !important; max-width: var(--mobile-lead-detail-effective-width) !important; overflow: hidden !important; padding-left: 0 !important; padding-right: 0 !important; width: var(--mobile-lead-detail-effective-width) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack { --lead-pane-lower-tool-width: 100%; gap: 8px !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; padding: 0 !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) { box-sizing: border-box !important; justify-self: stretch !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; transform: none !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) .lead-side-rail { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; touch-action: pan-x pan-y !important; -webkit-overflow-scrolling: touch; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) :is(.lead-rail-tab, .lead-rail-chip-stack, .lead-rail-context, .lead-rail-scenario-chips) { flex-shrink: 0 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame > .lead-editor, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid { box-sizing: border-box !important; justify-self: stretch !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame { margin-left: auto !important; margin-right: auto !important; max-width: calc(100% - 4px) !important; width: calc(100% - 4px) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame > .lead-editor { max-width: var(--lead-pane-lower-tool-width) !important; transform: none !important; width: var(--lead-pane-lower-tool-width) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel { padding-left: 4px !important; padding-right: 4px !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid > [data-lead-editor-card], .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-lane > .editor-section, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; padding-left: 4px !important; padding-right: 4px !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-lane.pricing-lane > .editor-section { padding-left: 0 !important; padding-right: 0 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property > .property-summary { --property-zillow-slot-width: min(150px, 41vw) !important; grid-template-columns: max-content minmax(0,1fr) var(--property-zillow-slot-width) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property .property-summary-links { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; max-width: var(--property-zillow-slot-width) !important; width: var(--property-zillow-slot-width) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields > .editor-section-summary { column-gap: 8px !important; grid-template-columns: max-content minmax(0,1fr) 106px !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-two-actions { box-sizing: border-box !important; gap: 6px !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; max-width: 106px !important; width: 106px !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-two-actions .va-eligibility-toggle { box-sizing: border-box !important; flex: 0 0 50px !important; min-width: 50px !important; padding-left: 0 !important; padding-right: 0 !important; width: 50px !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-card-drag-handle { display: none !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .selected-lead-source-slot, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-pane-source-pill.source-pill { max-width: 100% !important; min-width: 0 !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .selected-lead-panel .lead-pane-source-pill.source-pill { font-size: 12px !important; overflow: hidden !important; padding-left: 7px !important; padding-right: 7px !important; text-overflow: ellipsis !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary { column-gap: 8px !important; grid-template-columns: max-content minmax(0,1fr) max-content !important; row-gap: 8px !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap { grid-column: 1 / -1 !important; grid-row: 2 !important; margin-top: 0 !important; min-width: 0 !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor.hide-lead-pane-duplicate-scenario .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap { grid-column: 1 / -1 !important; grid-row: 2 !important; margin-top: 0 !important; min-width: 0 !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; width: auto !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-facts { grid-column: 1 / -1 !important; grid-row: 3 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > .lead-card-drag-handle { display: none !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary { --property-zillow-slot-width: 92px !important; grid-template-columns: max-content minmax(0,1fr) var(--property-zillow-slot-width) !important; row-gap: 8px !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .property-summary > [data-property-summary-toggle] { grid-column: 1 !important; grid-row: 1 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-links { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; max-width: var(--property-zillow-slot-width) !important; width: var(--property-zillow-slot-width) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap { grid-column: 2 !important; grid-row: 1 !important; min-width: 0 !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-location { grid-column: 1 / -1 !important; grid-row: 2 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions { grid-template-columns: minmax(126px,max-content) minmax(0,1fr) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > button.piggyback-bubble.is-compact, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-formal-compact-toggle { display: none !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips { grid-column: 2 !important; justify-self: end !important; max-width: 118px !important; min-width: 0 !important; width: max-content !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-snapshot-warning-chip { margin-top: 5px !important; } } /* Measured compare lanes: collapsed/table rows may split, skinny full side pane stays stacked. */ .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-one-lane, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane { grid-auto-flow: row !important; grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-one-lane > [data-lead-editor-card], .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane > [data-lead-editor-card] { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-one-lane .mini-pricing-body.is-compare, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare { display: grid !important; grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-one-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } @container (min-width: 780px) { .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) { grid-auto-flow: dense !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="property"] { grid-column: 1 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"] { grid-column: 2 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"] { grid-column: 1 / -1 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-content: center !important; max-width: none !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: auto !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } } /* Trust the measured editor lane state for mortgage compare rows. */ .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) { grid-auto-flow: dense !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="property"] { grid-column: 1 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"] { grid-column: 2 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"] { grid-column: 1 / -1 !important; justify-self: stretch !important; max-width: none !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-content: center !important; max-width: none !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: auto !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions { align-items: center !important; box-sizing: border-box !important; column-gap: 7px !important; display: grid !important; grid-template-columns: max-content minmax(0, 1fr) 62px !important; grid-template-rows: 36px !important; min-height: 36px !important; row-gap: 0 !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { display: none !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; margin: 0 !important; max-width: 118px !important; transform: translateX(-2px) !important; width: max-content !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle { display: inline-flex !important; grid-column: 3 !important; grid-row: 1 !important; height: 35px !important; justify-self: end !important; margin-left: 0 !important; min-height: 35px !important; min-width: 62px !important; opacity: 1 !important; visibility: visible !important; width: 62px !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) { align-items: center !important; box-sizing: border-box !important; column-gap: 7px !important; display: grid !important; grid-template-columns: max-content minmax(0, 1fr) 54px !important; grid-template-rows: 36px !important; min-height: 40px !important; row-gap: 0 !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; margin: 0 !important; max-width: 118px !important; width: max-content !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; } /* Single-lane compare alignment: line the 2nd Mortgage logo tray up with 1st. */ .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips, .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips { transform: translateX(-2px) !important; } /* Two-lane desktop repair: keep expanded Scenario fields and 2nd Mortgage headers compact. */ .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body { align-items: start !important; display: grid !important; gap: 8px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; min-width: 0 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > * { grid-column: auto !important; grid-row: auto !important; min-width: 0 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > .scenario-top-right-spacer { display: none !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico { grid-column: 2 !important; grid-row: 1 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-down-payment { grid-column: 1 !important; grid-row: 3 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose { grid-row: 4 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-second-loan { grid-column: 2 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-down-payment { grid-column: 1 !important; grid-row: 3 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose { grid-row: 4 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .scenario-field-ratio-pair { display: grid !important; gap: 8px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; min-width: 0 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > label, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .scenario-field-ratio-pair label { box-sizing: border-box !important; width: 100% !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body input, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body select, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body .custom-choice-menu summary { box-sizing: border-box !important; max-width: 100% !important; min-height: 34px !important; min-width: 0 !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) { align-items: center !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: max-content minmax(0, 1fr) 54px !important; grid-template-rows: 36px !important; margin-bottom: 2px !important; min-height: 40px !important; row-gap: 0 !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions { align-self: center !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions > .piggyback-bubble.is-compact { height: 35px !important; min-height: 35px !important; min-width: 54px !important; width: 54px !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips { display: none !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)), .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)), .selected-lead-panel .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) { align-items: center !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: max-content minmax(0, 1fr) 54px !important; grid-template-rows: 36px !important; margin-bottom: 2px !important; min-height: 40px !important; row-gap: 0 !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > span:first-child, .selected-lead-panel .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > .mini-collapsed-option-chips, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > .mini-collapsed-option-chips, .selected-lead-panel .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > .mini-collapsed-option-chips { display: none !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body { align-items: start !important; display: grid !important; gap: 8px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; min-width: 0 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > * { grid-column: auto !important; grid-row: auto !important; min-width: 0 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > .scenario-top-right-spacer { display: none !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-value, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-first-loan, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-first-loan, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-down-payment { grid-column: 1 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-second-loan, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair { grid-column: 2 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-value, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico { grid-row: 1 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-first-loan, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-first-loan, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-second-loan { grid-row: 2 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-down-payment, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-down-payment, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair { grid-row: 3 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose { grid-row: 4 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .scenario-field-ratio-pair { display: grid !important; gap: 8px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; min-width: 0 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > label, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .scenario-field-ratio-pair label, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body input, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body select, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body .custom-choice-menu summary { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-occupancy { grid-column: 1 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-purpose { grid-column: 2 !important; } /* Two-lane collapsed Scenario rail alignment: tuck VA closer to the right edge. */ .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"] .lead-scenario-fields:not([open]) .scenario-summary-actions { transform: translateX(4px) !important; } /* Full side-pane comfort breakpoint: stay centered one-lane until two full lanes fit. */ @media (max-width: 1439px) { .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame > .lead-editor:has(.lead-editor-grid.has-mortgage-compare) { max-width: min(100%, 510px) !important; width: min(100%, 510px) !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane { grid-auto-flow: row !important; grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card] { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare { grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } } /* Full side-pane one-lane polish: align the compact mortgage bars without dead rows. */ @media (max-width: 1439px) { .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame:has(> .lead-editor .lead-editor-grid.has-mortgage-compare) { justify-items: center !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame > .lead-editor:has(.lead-editor-grid.has-mortgage-compare) { justify-self: center !important; margin-left: auto !important; margin-right: auto !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:not([open]) { min-height: 0 !important; padding-bottom: 6px !important; padding-top: 6px !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]):only-child { grid-column: 1 / -1 !important; justify-self: stretch !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions { align-items: center !important; box-sizing: border-box !important; column-gap: 8px !important; display: grid !important; grid-template-columns: 128px minmax(118px, 1fr) 62px !important; grid-template-rows: 36px !important; min-height: 36px !important; overflow: visible !important; row-gap: 0 !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]):only-child > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions { grid-template-columns: 128px minmax(118px, 1fr) 62px !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; margin: 0 !important; max-width: 118px !important; transform: none !important; width: max-content !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { display: none !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle { display: inline-flex !important; grid-column: 3 !important; grid-row: 1 !important; height: 35px !important; justify-self: end !important; margin-left: 0 !important; min-height: 35px !important; min-width: 52px !important; opacity: 1 !important; visibility: visible !important; width: 52px !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions { display: inline-flex !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; order: initial !important; width: 52px !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact { height: 35px !important; min-height: 35px !important; min-width: 52px !important; width: 52px !important; } } /* Full side-pane measured two-lane Rate & Term: stretch the 1st row so Formal rides the rail. */ @media (max-width: 1439px) { .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) { justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions { grid-template-columns: 128px minmax(0, 1fr) 62px !important; justify-content: stretch !important; justify-self: stretch !important; max-width: none !important; min-width: 100% !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; justify-self: center !important; transform: none !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle { grid-column: 3 !important; justify-self: end !important; margin-left: 0 !important; } } /* Full side-pane actual-width compact compare: wide browser, narrow table lane. */ .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare { justify-items: center !important; margin-left: var(--lead-expanded-frame-left, auto) !important; margin-right: auto !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare { margin-left: var(--lead-expanded-frame-left, auto) !important; margin-right: auto !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare > .lead-editor { justify-self: center !important; max-width: min(100%, 1030px) !important; width: min(100%, 1030px) !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .lead-editor-grid.has-mortgage-compare, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .lead-editor-grid.has-mortgage-compare.is-measured-two-lane { grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-content: center !important; max-width: min(100%, 1030px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card="property"] { grid-column: 1 !important; justify-self: stretch !important; max-width: none !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card="loanScenario"] { grid-column: 2 !important; justify-self: stretch !important; max-width: none !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card="pricing"] { grid-column: 1 / -1 !important; justify-self: stretch !important; max-width: none !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-content: center !important; max-width: min(100%, 1030px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: auto !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:not([open]) { min-height: 0 !important; padding-bottom: 6px !important; padding-top: 6px !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions { align-items: center !important; box-sizing: border-box !important; column-gap: 8px !important; display: grid !important; grid-template-columns: 128px minmax(118px, 1fr) 62px !important; grid-template-rows: 36px !important; min-height: 36px !important; overflow: visible !important; row-gap: 0 !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; margin: 0 !important; max-width: 118px !important; transform: none !important; width: max-content !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { display: none !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions { display: inline-flex !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; min-width: 52px !important; opacity: 1 !important; visibility: visible !important; width: 52px !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle { height: 35px !important; min-height: 35px !important; min-width: 52px !important; width: 52px !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare > .lead-editor { justify-self: center !important; max-width: min(100%, 510px) !important; width: min(100%, 510px) !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .lead-editor-grid.has-mortgage-compare, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .lead-editor-grid.has-mortgage-compare.is-measured-two-lane { grid-auto-flow: row !important; grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card] { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare { grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:not([open]) { min-height: 0 !important; padding-bottom: 6px !important; padding-top: 6px !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions { align-items: center !important; box-sizing: border-box !important; column-gap: 8px !important; display: grid !important; grid-template-columns: 128px minmax(118px, 1fr) 62px !important; grid-template-rows: 36px !important; min-height: 36px !important; overflow: visible !important; row-gap: 0 !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; margin: 0 !important; max-width: 118px !important; transform: none !important; width: max-content !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { display: none !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions { display: inline-flex !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; min-width: 52px !important; opacity: 1 !important; visibility: visible !important; width: 52px !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle { height: 35px !important; min-height: 35px !important; min-width: 52px !important; width: 52px !important; } /* Collapsed right-rail measured compare: center the usable mortgage lanes instead of stretching into dead table space. */ .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-compare { margin-left: var(--lead-expanded-frame-left, auto) !important; margin-right: auto !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare > .lead-editor { justify-self: center !important; max-width: min(100%, 1030px) !important; width: min(100%, 1030px) !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .lead-editor-grid.has-mortgage-compare, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .lead-editor-grid.has-mortgage-compare.is-measured-two-lane { grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 510px)) !important; justify-content: center !important; max-width: min(100%, 1030px) !important; width: 100% !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card="property"] { grid-column: 1 !important; justify-self: stretch !important; max-width: none !important; width: 100% !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card="loanScenario"] { grid-column: 2 !important; justify-self: stretch !important; max-width: none !important; width: 100% !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card="pricing"] { grid-column: 1 / -1 !important; justify-self: stretch !important; max-width: none !important; width: 100% !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .lead-editor-grid.has-mortgage-compare.is-measured-two-lane .mini-pricing-body.is-compare { grid-template-columns: repeat(2, minmax(0, 510px)) !important; justify-content: center !important; max-width: min(100%, 1030px) !important; width: 100% !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: auto !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:not([open]) { min-height: 0 !important; padding-bottom: 6px !important; padding-top: 6px !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions { align-items: center !important; box-sizing: border-box !important; column-gap: 8px !important; display: grid !important; grid-template-columns: 128px minmax(118px, 1fr) 62px !important; grid-template-rows: 36px !important; min-height: 36px !important; overflow: visible !important; row-gap: 0 !important; width: 100% !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: 100% !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-collapsed-option-chips, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; margin: 0 !important; max-width: 118px !important; transform: none !important; width: max-content !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { display: none !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions { display: inline-flex !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; min-width: 52px !important; opacity: 1 !important; visibility: visible !important; width: 52px !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions:empty { display: none !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions > .piggyback-bubble.is-compact, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > .mini-formal-compact-toggle { height: 35px !important; min-height: 35px !important; min-width: 52px !important; width: 52px !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare, .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) { grid-auto-flow: dense !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare > [data-lead-editor-card="pricing"], .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"] { grid-column: 1 !important; justify-self: stretch !important; max-width: none !important; width: 100% !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"] { grid-column: 1 !important; } .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare .mini-pricing-body.is-compare.is-piggyback-collapsed-compare, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare .mini-pricing-body.is-compare.is-piggyback-collapsed-compare { display: grid !important; gap: 8px !important; grid-template-columns: minmax(0, 1fr) !important; justify-content: stretch !important; margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; width: 100% !important; } .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare .mini-pricing-body.is-compare.is-piggyback-collapsed-compare > .mini-rate-snapshot-frame.is-first, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare .mini-pricing-body.is-compare.is-piggyback-collapsed-compare > .mini-rate-snapshot-frame.is-first { grid-column: 1 !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } /* Compare one-lane guard: when measured layout stacks the mortgages, keep Property and Loan Scenario stacked too. */ @container (max-width: 852px) { .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame:is(.is-full-side-two-lane-compare,.is-full-side-compact-compare) .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane), .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame:is(.is-rail-two-lane-compare,.is-rail-compact-compare) .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) { grid-auto-flow: row !important; grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame:is(.is-full-side-two-lane-compare,.is-full-side-compact-compare) .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) > [data-lead-editor-card], .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame:is(.is-rail-two-lane-compare,.is-rail-compact-compare) .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) > [data-lead-editor-card] { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame:is(.is-full-side-two-lane-compare,.is-full-side-compact-compare) .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) .mini-pricing-body.is-compare, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame:is(.is-rail-two-lane-compare,.is-rail-compact-compare) .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) .mini-pricing-body.is-compare { grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame:is(.is-full-side-two-lane-compare,.is-full-side-compact-compare) .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame:is(.is-rail-two-lane-compare,.is-rail-compact-compare) .lead-editor-grid.has-mortgage-compare:is(.is-measured-one-lane,.is-lean-single-lane) .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } } /* Full/rail compact compare frames must stack immediately, even while measured classes catch up. */ .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-compare { justify-items: center !important; margin-left: var(--lead-expanded-frame-left, auto) !important; margin-right: auto !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare > .lead-editor, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-compare > .lead-editor { justify-self: center !important; max-width: min(100%, 510px) !important; width: min(100%, 510px) !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .lead-editor-grid.has-mortgage-compare, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-compare .lead-editor-grid.has-mortgage-compare { grid-auto-flow: row !important; grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card], .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .lead-editor-grid.has-mortgage-compare > .lead-piggyback-control-slot, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-compare .lead-editor-grid.has-mortgage-compare > [data-lead-editor-card], .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-compare .lead-editor-grid.has-mortgage-compare > .lead-piggyback-control-slot { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-compare .mini-pricing-body.is-compare { grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } /* Full side-pane and collapsed-rail single-mortgage compact frames: stack before the side controls squeeze the measured lanes. */ .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-single, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-single { justify-items: center !important; margin-left: var(--lead-expanded-frame-left, auto) !important; margin-right: auto !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-single > .lead-editor, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-single > .lead-editor { justify-self: center !important; max-width: min(100%, 510px) !important; width: min(100%, 510px) !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-single .lead-editor-grid:not(.has-mortgage-compare), .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-single .lead-editor-grid.is-measured-two-lane:not(.has-mortgage-compare), .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-single .lead-editor-grid:not(.has-mortgage-compare), .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-single .lead-editor-grid.is-measured-two-lane:not(.has-mortgage-compare) { grid-auto-flow: row !important; grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-single .lead-editor-grid:not(.has-mortgage-compare) > [data-lead-editor-card], .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-single .lead-editor-grid:not(.has-mortgage-compare) > .lead-piggyback-control-slot, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-single .lead-editor-grid:not(.has-mortgage-compare) > [data-lead-editor-card], .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-single .lead-editor-grid:not(.has-mortgage-compare) > .lead-piggyback-control-slot { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-single .mini-pricing-body:not(.is-compare), .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-single .mini-pricing-body:not(.is-compare) { grid-template-columns: minmax(0, min(100%, 510px)) !important; justify-content: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-single .mini-pricing-body:not(.is-compare) > .mini-rate-snapshot-frame, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-compact-single .mini-pricing-body:not(.is-compare) > .mini-rate-snapshot-frame { grid-column: 1 !important; justify-self: center !important; max-width: min(100%, 510px) !important; width: 100% !important; } /* Single-mortgage two-lane frames use the same compact backing width as compare layouts. */ .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-single-mortgage-two-lane { margin-left: var(--lead-expanded-frame-left, auto) !important; margin-right: auto !important; } .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-single-mortgage-two-lane { margin-left: 12px !important; } .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-single-mortgage-two-lane > .lead-editor { justify-self: center !important; max-width: min(100%, var(--lead-editor-compare-grid-max, 956px)) !important; width: min(100%, var(--lead-editor-compare-grid-max, 956px)) !important; } .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-single-mortgage-two-lane .lead-editor-grid.is-measured-two-lane:not(.has-mortgage-compare) { --lead-editor-card-min: 0; --lead-editor-compare-lane-max: 474px; --lead-editor-compare-grid-max: 956px; grid-template-columns: repeat(2, minmax(0, var(--lead-editor-compare-lane-max))) !important; justify-content: center !important; max-width: min(100%, var(--lead-editor-compare-grid-max)) !important; width: min(100%, var(--lead-editor-compare-grid-max)) !important; } /* Cash-Out and other no-P/B second stacks: keep collapsed 2nd Mortgage on one row everywhere. */ .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)), .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)), .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) { align-items: center !important; box-sizing: border-box !important; column-gap: 8px !important; display: grid !important; grid-template-columns: 128px minmax(118px, 1fr) 62px !important; grid-template-rows: 36px !important; min-height: 36px !important; overflow: visible !important; row-gap: 0 !important; width: 100% !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > span:first-child, .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > span:first-child, .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: 100% !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > .mini-collapsed-option-chips, .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > .mini-collapsed-option-chips, .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > .mini-collapsed-option-chips { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; margin: 0 !important; max-width: 118px !important; transform: none !important; width: max-content !important; } /* Non-purchase second-lien scenarios: keep LTV and CLTV paired like piggyback. */ .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair { display: grid !important; gap: 8px !important; grid-column: 2 !important; grid-row: 4 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; min-width: 0 !important; } .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair label, .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair input { box-sizing: border-box !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-occupancy, .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-purpose { grid-row: 5 !important; } /* Collapsed mortgage headers: rail the lender logo chips to the right; P/B sits just left of the 2nd chips. */ .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(#collapsed-logo-rail), .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#collapsed-logo-rail) { align-items: center !important; box-sizing: border-box !important; column-gap: 4px !important; display: grid !important; grid-template-columns: max-content minmax(0, 1fr) auto auto !important; grid-template-rows: 36px !important; min-height: 36px !important; overflow: visible !important; row-gap: 0 !important; width: 100% !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(#collapsed-logo-rail) > span:first-child, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#collapsed-logo-rail) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; max-width: 100% !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(#collapsed-logo-rail) > .mini-collapsed-option-chips, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#collapsed-logo-rail) > .mini-collapsed-option-chips { grid-column: 4 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; max-width: max-content !important; transform: none !important; width: max-content !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#collapsed-logo-rail) > .mini-snapshot-head-actions { display: inline-flex !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; min-width: 0 !important; order: initial !important; width: auto !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#collapsed-logo-rail) > .mini-snapshot-head-actions:empty { display: none !important; } /* Lean single-lane expanded P/B stacks: keep the P/B toggle in the header row and pull Presets up. */ .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions), .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) { align-items: center !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: max-content minmax(0, 1fr) 54px !important; grid-template-rows: 36px !important; margin-bottom: 2px !important; min-height: 40px !important; row-gap: 0 !important; width: 100% !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > span:first-child, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions { align-self: center !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions > .piggyback-bubble.is-compact, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions > .piggyback-bubble.is-compact, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-snapshot-head-actions > .piggyback-bubble.is-compact { height: 35px !important; min-height: 35px !important; min-width: 54px !important; width: 54px !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-lean-single-lane .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions:has(> .mini-snapshot-head-actions) > .mini-collapsed-option-chips { display: none !important; } /* Expanded 2nd Mortgage stacks: hidden collapsed quote chips must not reserve a second header row. */ .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions, .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions { align-items: center !important; display: grid !important; grid-template-columns: max-content minmax(0, 1fr) auto !important; grid-template-rows: 36px !important; margin-bottom: 2px !important; min-height: 40px !important; row-gap: 0 !important; width: 100% !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child, .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; margin: 0 !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips, .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-collapsed-option-chips { display: none !important; grid-column: 2 !important; grid-row: 1 !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions, .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > .mini-snapshot-head-actions { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; margin-left: 0 !important; } .lead-inline-detail-stack .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair { display: grid !important; gap: 8px !important; grid-column: 2 !important; grid-row: 4 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; min-width: 0 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair { grid-column: 1 !important; grid-row: auto !important; } /* Expanded Loan Scenario field order: FICO lives in the lower-left slot. */ .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-down-payment { grid-column: 1 !important; grid-row: 3 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 2 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose { grid-row: 5 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 2 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-second-balance { grid-column: 1 !important; grid-row: 3 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-second-current-rate, .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 3 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv, .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 4 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv { width: 100% !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-occupancy, .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-purpose { grid-row: 5 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .rate-term-second-toggle-row { grid-column: 1 / -1 !important; grid-row: 6 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-occupancy, .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-purpose { grid-row: 5 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair { grid-column: 1 !important; grid-row: auto !important; } /* High-specificity Scenario contract for measured desktop lanes. */ .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 2 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose { grid-row: 5 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 4 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-occupancy, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-purpose, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-occupancy, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-purpose, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-occupancy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-purpose { grid-row: 5 !important; } /* Expanded desktop Scenario final order: FICO moves into the lower-left slot. */ .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body { align-items: start !important; display: grid !important; gap: 8px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-top-right-spacer { display: none !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-second-loan { grid-column: 2 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-down-payment { grid-column: 1 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-second-balance { grid-column: 1 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-second-current-rate, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 4 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 4 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-ltv, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:has(> .scenario-field-second-current-rate).has-second-lien-ratio-pair > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 5 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-occupancy, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-purpose, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-occupancy, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-simple-scenario > .scenario-field-purpose { grid-row: 5 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body:has(> .scenario-field-second-current-rate) > .scenario-field-purpose { grid-row: 6 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-occupancy { grid-column: 1 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-purpose { grid-column: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body > label, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .scenario-field-ratio-pair label, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body input, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body select, .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body .custom-choice-menu summary { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } /* Measured compare Scenario override: match the older selector strength. */ .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-ltv { grid-column: 2 !important; grid-row: 2 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-occupancy, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario > .scenario-field-purpose, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose { grid-row: 5 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields > .scenario-field-ltv, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 4 !important; } .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } /* Rate & Term inline Scenario split: keep FICO and LTV side-by-side in one lane. */ .workspace:not(.has-mobile-inline-detail-lock) .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-fico, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } /* Purchase single-loan expanded Scenario order: Price, first amount, then FICO/LTV. */ .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-value, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-value, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-value { grid-column: 1 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-first-loan, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-first-loan, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-down-payment, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-down-payment, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-down-payment { grid-column: 2 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-ltv, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-ltv, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } /* Purchase piggyback expanded Scenario order: Price/Down, first/second, then FICO/LTV-CLTV. */ .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-value, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-value, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-down-payment, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-down-payment, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-down-payment { grid-column: 2 !important; grid-row: 1 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-first-loan, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-first-loan, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-second-loan, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-second-loan, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-second-loan { grid-column: 2 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-fico, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-fico, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } /* Rate & Term listed-2nd Scenario order. */ .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-value, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-value, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .rate-term-second-toggle-row, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .rate-term-second-toggle-row, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .rate-term-second-toggle-row { align-self: end !important; grid-column: 2 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-first-balance, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-first-balance, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-current-rate, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-current-rate, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-second-balance, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-second-balance, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-second-balance { grid-column: 1 !important; grid-row: 4 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-second-current-rate, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-second-current-rate, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 4 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-fico, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-fico, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-fico { grid-column: 1 !important; grid-row: 5 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-cash-out, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-cash-out, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-cash-out { grid-column: 1 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-ltv, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-ltv, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-ltv { grid-column: 2 !important; grid-row: 5 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-occupancy, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-occupancy, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 6 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-purpose, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-purpose, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields.has-second-lien-treatment > .scenario-field-purpose { grid-column: 2 !important; grid-row: 6 !important; } /* Rate & Term listed-2nd Scenario order: omit Cash Out and close the field gap. */ .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { display: none !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .rate-term-second-toggle-row, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .rate-term-second-toggle-row, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .rate-term-second-toggle-row, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .rate-term-second-toggle-row { align-self: end !important; grid-column: 2 !important; grid-row: 1 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-first-balance, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-first-balance, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-first-balance, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-current-rate, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-current-rate, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-current-rate, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-current-rate { grid-column: 1 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-second-balance, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-second-balance, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-second-balance, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-second-current-rate, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-second-current-rate, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-second-current-rate, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-fico, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-fico, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-fico, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-ltv, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-ltv, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-ltv, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-ratio-pair, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-ratio-pair, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-ratio-pair, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 4 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 5 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-purpose, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-purpose, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-purpose, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-purpose { grid-column: 2 !important; grid-row: 5 !important; } /* Rate & Term no-2nd Scenario order: keep 2nd Balance visible and omit Cash Out. */ .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out { display: none !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-second-balance, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-second-balance, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-second-balance, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 1 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-first-balance, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-first-balance, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-first-balance, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-current-rate, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-current-rate, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-current-rate, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 2 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-fico, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-fico, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-fico, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv { grid-column: 2 !important; grid-row: 3 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-occupancy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-occupancy, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-occupancy, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-purpose, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-purpose, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-purpose, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } /* Cash-Out/Home Equity listed-2nd Scenario order: keep Cash Out beside Estimated Value. */ .workspace:not(.has-mobile-inline-detail-lock) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:is(.is-cash-out-scenario,.is-home-equity-scenario):has(> .scenario-field-second-current-rate) > .scenario-field-cash-out, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:is(.is-cash-out-scenario,.is-home-equity-scenario):has(> .scenario-field-second-current-rate) > .scenario-field-cash-out, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:is(.is-cash-out-scenario,.is-home-equity-scenario):has(> .scenario-field-second-current-rate) > .scenario-field-cash-out, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) .lead-scenario-fields[open] .lead-scenario-body.has-existing-loan-fields:is(.is-cash-out-scenario,.is-home-equity-scenario):has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 1 !important; } /* Rate & Term listed-2nd compact treatment checkboxes. */ .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle { align-items: center !important; gap: 0 !important; justify-content: center !important; min-height: 30px; padding: 4px 10px; } .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle input[type="checkbox"] { appearance: none !important; block-size: 1px !important; flex: 0 0 auto !important; height: 1px !important; inline-size: 1px !important; margin: -1px !important; max-height: 1px !important; max-width: 1px !important; min-height: 1px !important; min-width: 1px !important; opacity: 0 !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle span { flex: 1 1 auto; font-size: 9px; line-height: 1.05; min-width: 0; overflow: hidden; text-align: center; text-overflow: ellipsis; } /* Expanded mortgage Product/Term + comp rail: align Product/Term with Option 2 and park comp in the right rail. */ .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls { align-items: stretch !important; grid-template-columns: calc(66.666% - 6px) minmax(96px, 1fr) !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-product-controls { grid-column: 1 !important; grid-row: 1 !important; justify-self: stretch !important; max-width: none !important; width: 100% !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-product-controls label { justify-self: stretch !important; width: 100% !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-product-controls select, .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-product-controls .mini-static-control, .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-product-controls .mini-product-choice-shell .custom-choice-menu strong { font-weight: 500 !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-lpc-comp.mini-summary-comp { align-self: stretch !important; grid-column: 2 !important; grid-row: 1 !important; justify-content: center !important; justify-self: stretch !important; margin-top: 0 !important; min-height: 100% !important; padding: 9px 8px !important; width: 100% !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-lpc-comp.mini-summary-comp .mini-comp-label { font-size: 13.5px !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-lpc-comp.mini-summary-comp strong, .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-lpc-comp.mini-summary-comp .mini-comp-percent-input { font-size: 15.5px !important; } .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-lpc-comp.mini-summary-comp b { font-size: 15.5px !important; } /* FHA existing-loan indicator: same footprint as VA, deep blue when active. */ .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-two-actions, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-two-actions, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-two-actions, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-two-actions { gap: 6px !important; width: 106px !important; } .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions), .selected-lead-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions), .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) { grid-template-columns: max-content minmax(128px, 1fr) 106px max-content !important; } .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-wrap, .selected-lead-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-wrap, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-wrap { justify-self: center !important; max-width: 100% !important; min-width: 0 !important; width: 70% !important; } .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-choice-shell .custom-choice-menu summary, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-choice-shell .custom-choice-menu summary, .selected-lead-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-choice-shell .custom-choice-menu summary, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-choice-shell .custom-choice-menu summary { grid-template-columns: minmax(0, 1fr) 12px !important; padding-left: 7px !important; padding-right: 6px !important; } .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-choice-shell .custom-choice-menu strong, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-choice-shell .custom-choice-menu strong, .selected-lead-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-choice-shell .custom-choice-menu strong, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-choice-shell .custom-choice-menu strong { font-size: 13px !important; min-width: 0 !important; overflow: hidden !important; text-overflow: clip !important; white-space: nowrap !important; } .purpose-label-short { display: none; } .workspace.has-side-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .purpose-label-full, .workspace.has-side-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .purpose-label-full, .workspace.has-side-panel .selected-lead-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .purpose-label-full, .workspace.has-side-panel .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .purpose-label-full { display: none !important; } .workspace.has-side-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .purpose-label-short, .workspace.has-side-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .purpose-label-short, .workspace.has-side-panel .selected-lead-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .purpose-label-short, .workspace.has-side-panel .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .purpose-label-short { display: inline !important; } .workspace.has-side-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions), .workspace.has-side-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions), .workspace.has-side-panel .selected-lead-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions), .workspace.has-side-panel .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) { grid-template-columns: max-content minmax(0, 1fr) 106px max-content !important; } .workspace.has-side-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-wrap, .workspace.has-side-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-wrap, .workspace.has-side-panel .selected-lead-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-wrap, .workspace.has-side-panel .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) .scenario-purpose-summary-wrap { display: none !important; } .lead-scenario-fields .lead-scenario-body .scenario-field-purpose { justify-self: center; max-width: min(70%, 236px); min-width: min(100%, 176px); width: 70%; } /* Desktop inline Loan Scenario: keep listed-2nd Rate & Term in the compact two-column card. */ .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) { gap: 8px !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .rate-term-second-toggle-row { align-self: end !important; gap: 5px !important; grid-column: 2 !important; grid-row: 1 !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 2 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-current-rate { grid-column: 1 !important; grid-row: 3 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-ratio-pair { display: grid !important; gap: 6px !important; grid-column: 2 !important; grid-row: 4 !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 5 !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-purpose { grid-column: 2 !important; grid-row: 5 !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { display: none !important; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) input, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) .custom-choice-menu summary { font-size: 12px; min-height: 32px; padding-bottom: 6px; padding-top: 6px; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) .rate-term-second-toggle-row .scenario-mini-toggle { gap: 4px !important; justify-content: center !important; min-height: 32px; padding: 4px 5px; } .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate) .rate-term-second-toggle-row .scenario-mini-toggle span { font-size: 8.5px; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle { width: 48px !important; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle:is(.active,[aria-pressed="true"]), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle:is(.active,[aria-pressed="true"]), .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle:is(.active,[aria-pressed="true"]), .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle:is(.active,[aria-pressed="true"]) { background: #143368 !important; border-color: #143368 !important; color: #fff !important; } /* Mobile inline Loan Scenario: late override so global FHA/VA and scenario-field rules cannot re-expand it. */ @media (max-width: 640px) { .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .editor-section-summary:has(.scenario-summary-actions.has-two-actions) { column-gap: 6px !important; grid-template-columns: max-content minmax(0, 1fr) 96px !important; overflow: hidden !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .scenario-summary-actions.has-two-actions { gap: 4px !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; max-width: 96px !important; min-width: 0 !important; width: 96px !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .scenario-summary-actions.has-two-actions .va-eligibility-toggle, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .scenario-summary-actions.has-two-actions .fha-streamline-toggle { box-sizing: border-box !important; flex: 0 0 46px !important; min-width: 46px !important; padding-left: 0 !important; padding-right: 0 !important; width: 46px !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body { display: grid !important; gap: 8px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; min-width: 0 !important; overflow: hidden !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > * { grid-column: auto !important; grid-row: auto !important; min-width: 0 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-top-right-spacer, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > input[type="hidden"] { display: none !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 1 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-first-balance, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-current-rate, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-down-payment { grid-column: 2 !important; grid-row: 2 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-ltv, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-cash-out { grid-column: 1 !important; grid-row: 5 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 5 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .rate-term-second-toggle-row { grid-column: 1 / -1 !important; grid-row: 6 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-purpose, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-ratio-pair { justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body label { min-width: 0 !important; white-space: nowrap !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body input, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body .custom-choice-menu summary { min-width: 0 !important; width: 100% !important; } } /* Mobile-lock Scenario body contract: applies even when mobile Chrome reports a wider CSS layout viewport. */ .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body { align-items: start !important; display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; min-width: 0 !important; overflow: hidden !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > * { min-width: 0 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-top-right-spacer, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > input[type="hidden"] { display: none !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 1 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-first-balance, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-current-rate, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-down-payment { grid-column: 2 !important; grid-row: 2 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-ltv, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-cash-out { grid-column: 1 !important; grid-row: 5 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 5 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .rate-term-second-toggle-row { grid-column: 1 / -1 !important; grid-row: 6 !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-purpose, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-ratio-pair { justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body label { align-self: start !important; min-width: 0 !important; white-space: nowrap !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body input, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] .lead-scenario-body .custom-choice-menu summary { box-sizing: border-box !important; min-width: 0 !important; width: 100% !important; } /* Mobile touch Scenario body fallback: full lead pane and inline mobile rows both stay two-column. */ @media (hover: none) and (pointer: coarse), (max-width: 640px) { .lead-scenario-fields[open] .lead-scenario-body { align-items: start !important; display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; min-width: 0 !important; overflow: hidden !important; width: 100% !important; } .lead-scenario-fields[open] .lead-scenario-body > * { min-width: 0 !important; } .lead-scenario-fields[open] .lead-scenario-body > .scenario-top-right-spacer, .lead-scenario-fields[open] .lead-scenario-body > input[type="hidden"] { display: none !important; } .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-second-balance, .lead-scenario-fields[open] .lead-scenario-body.is-cash-out-scenario > .scenario-field-cash-out, .lead-scenario-fields[open] .lead-scenario-body.is-home-equity-scenario > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 1 !important; } .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-first-balance, .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-current-rate, .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-down-payment, .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-second-loan { grid-column: 2 !important; grid-row: 2 !important; } .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-ltv, .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } .lead-scenario-fields[open] .lead-scenario-body:not(.is-cash-out-scenario):not(.is-home-equity-scenario) > .scenario-field-cash-out { grid-column: 1 !important; grid-row: 5 !important; } .lead-scenario-fields[open] .lead-scenario-body > .scenario-field-second-current-rate, .lead-scenario-fields[open] .lead-scenario-body > .rate-term-second-toggle-row { grid-column: 2 !important; grid-row: 5 !important; } .lead-scenario-fields[open] .lead-scenario-body > .rate-term-second-toggle-row { grid-column: 1 / -1 !important; grid-row: 6 !important; } .lead-scenario-fields[open] .lead-scenario-body.is-cash-out-scenario > .scenario-field-second-balance, .lead-scenario-fields[open] .lead-scenario-body.is-home-equity-scenario > .scenario-field-second-balance { grid-column: 1 !important; grid-row: 3 !important; } .lead-scenario-fields[open] .lead-scenario-body.is-cash-out-scenario > .scenario-field-second-current-rate, .lead-scenario-fields[open] .lead-scenario-body.is-home-equity-scenario > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } .lead-scenario-fields[open] .lead-scenario-body.is-cash-out-scenario > .scenario-field-fico, .lead-scenario-fields[open] .lead-scenario-body.is-home-equity-scenario > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .lead-scenario-fields[open] .lead-scenario-body.is-cash-out-scenario > .scenario-field-ltv, .lead-scenario-fields[open] .lead-scenario-body.is-cash-out-scenario > .scenario-field-ratio-pair, .lead-scenario-fields[open] .lead-scenario-body.is-home-equity-scenario > .scenario-field-ltv, .lead-scenario-fields[open] .lead-scenario-body.is-home-equity-scenario > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 4 !important; } .lead-scenario-fields[open] .lead-scenario-body.is-cash-out-scenario > .scenario-field-occupancy, .lead-scenario-fields[open] .lead-scenario-body.is-home-equity-scenario > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 5 !important; } .lead-scenario-fields[open] .lead-scenario-body.is-cash-out-scenario > .scenario-field-purpose, .lead-scenario-fields[open] .lead-scenario-body.is-home-equity-scenario > .scenario-field-purpose { grid-column: 2 !important; grid-row: 5 !important; } .lead-scenario-fields[open] .lead-scenario-body > label, .lead-scenario-fields[open] .lead-scenario-body .scenario-field-ratio-pair label { box-sizing: border-box !important; justify-self: stretch !important; margin-bottom: 0 !important; max-width: none !important; min-width: 0 !important; white-space: nowrap !important; width: 100% !important; } .lead-scenario-fields[open] .lead-scenario-body input, .lead-scenario-fields[open] .lead-scenario-body select, .lead-scenario-fields[open] .lead-scenario-body .custom-choice-menu, .lead-scenario-fields[open] .lead-scenario-body .custom-choice-menu summary { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] .scenario-field-ratio-pair { display: grid !important; gap: 6px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Mobile lead expansion final override: keep Loan Scenario fields in two columns. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body { align-items: start !important; display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; min-width: 0 !important; overflow: visible !important; width: 100% !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > * { grid-column: auto !important; grid-row: auto !important; min-width: 0 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-top-right-spacer, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > input[type="hidden"] { display: none !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > label { box-sizing: border-box !important; display: flex !important; flex-direction: column !important; gap: 4px !important; justify-self: stretch !important; margin-bottom: 0 !important; max-width: none !important; min-width: 0 !important; white-space: normal !important; width: 100% !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body input, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body select, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body .custom-choice-menu, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body .custom-choice-menu summary { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-second-balance, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario > .scenario-field-cash-out, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 1 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-first-balance, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-current-rate, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-down-payment, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-second-loan { grid-column: 2 !important; grid-row: 2 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-ltv, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:not(.is-cash-out-scenario):not(.is-home-equity-scenario) > .scenario-field-cash-out { grid-column: 1 !important; grid-row: 5 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .scenario-field-second-current-rate, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .rate-term-second-toggle-row { grid-column: 2 !important; grid-row: 5 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body > .rate-term-second-toggle-row { grid-column: 1 / -1 !important; grid-row: 6 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario > .scenario-field-second-balance, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario > .scenario-field-second-balance { grid-column: 1 !important; grid-row: 3 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario > .scenario-field-second-current-rate, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario > .scenario-field-fico, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario > .scenario-field-ltv, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario > .scenario-field-ratio-pair, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario > .scenario-field-ltv, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 4 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario > .scenario-field-occupancy, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 5 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario > .scenario-field-purpose, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario > .scenario-field-purpose { grid-column: 2 !important; grid-row: 5 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .scenario-field-ratio-pair { display: grid !important; gap: 6px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-down-payment { grid-column: 2 !important; grid-row: 2 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-ltv { grid-column: 2 !important; grid-row: 3 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } } /* Mobile inline one-mortgage Purchase Scenario: keep the same compact two-column map. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) { display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-down-payment { grid-column: 2 !important; grid-row: 2 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-ltv { grid-column: 2 !important; grid-row: 3 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-purchase-scenario:not(.is-piggyback-scenario) > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } } /* Mobile piggyback Purchase Scenario: match the full-screen field order. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario { display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; width: 100% !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-value, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-down-payment, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-down-payment { grid-column: 2 !important; grid-row: 1 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-first-loan, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-second-loan, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-second-loan { grid-column: 2 !important; grid-row: 2 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-fico, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-ltv, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-ltv, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-piggyback-scenario > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } } /* Mobile lead Scenario dropdown float: keep purpose/occupancy menus above the next pane. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-inline-detail-block, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-inline-detail-stack, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame > .lead-editor, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-card, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-fields, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-body, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .scenario-field-purpose, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .scenario-field-occupancy { overflow: visible !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-fields { position: relative !important; z-index: 18 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-fields:has(.custom-choice-menu[open]) { z-index: 600 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-fields .scenario-field-purpose, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-fields .scenario-field-occupancy, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-fields .custom-choice-shell, :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-fields .custom-choice-menu { position: relative !important; z-index: 1 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-fields .scenario-field-purpose:has(.custom-choice-menu[open]), :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-fields .scenario-field-occupancy:has(.custom-choice-menu[open]), :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-fields .custom-choice-menu[open] { z-index: 700 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-fields .custom-choice-menu[open] .quick-choice-options { max-height: min(230px, 46dvh) !important; z-index: 900 !important; } :is(.workspace.has-lead-rail, .workspace.has-mobile-inline-detail-lock, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-scenario-fields :is(.scenario-field-purpose, .scenario-field-occupancy) .custom-choice-menu[open] .quick-choice-options { bottom: calc(100% + 5px) !important; max-height: min(210px, 42dvh) !important; top: auto !important; z-index: 2400 !important; } } /* Mobile final piggyback field guard: Down Payment and Second Loan Amount must never share a cell. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { .lead-scenario-fields[open] > .lead-scenario-body:has(> .scenario-field-down-payment):has(> .scenario-field-second-loan) { align-items: start !important; display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body:has(> .scenario-field-down-payment):has(> .scenario-field-second-loan) > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body:has(> .scenario-field-down-payment):has(> .scenario-field-second-loan) > .scenario-field-down-payment { grid-column: 2 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body:has(> .scenario-field-down-payment):has(> .scenario-field-second-loan) > .scenario-field-first-loan { grid-column: 1 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body:has(> .scenario-field-down-payment):has(> .scenario-field-second-loan) > .scenario-field-second-loan { grid-column: 2 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body:has(> .scenario-field-down-payment):has(> .scenario-field-second-loan) > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body:has(> .scenario-field-down-payment):has(> .scenario-field-second-loan) > .scenario-field-ltv, .lead-scenario-fields[open] > .lead-scenario-body:has(> .scenario-field-down-payment):has(> .scenario-field-second-loan) > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body:has(> .scenario-field-down-payment):has(> .scenario-field-second-loan) > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body:has(> .scenario-field-down-payment):has(> .scenario-field-second-loan) > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } } /* Mobile final Rate & Term field guard: match full-screen ordering and remove inherited dead rows. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields { align-items: start !important; display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > * { box-sizing: border-box !important; min-width: 0 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-top-right-spacer, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > input[type="hidden"], .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-field-cash-out { display: none !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > label { align-self: start !important; display: flex !important; flex-direction: column !important; gap: 4px !important; justify-self: stretch !important; margin: 0 !important; max-width: none !important; min-width: 0 !important; white-space: normal !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields input, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields select, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields .custom-choice-menu, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields .custom-choice-menu summary { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-field-ltv, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .rate-term-second-toggle-row { align-self: end !important; display: grid !important; gap: 6px !important; grid-column: 2 !important; grid-row: 1 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-self: stretch !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-current-rate { grid-column: 1 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-ltv, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 5 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-purpose { grid-column: 2 !important; grid-row: 5 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-field-ratio-pair { align-self: start !important; display: grid !important; gap: 6px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-self: stretch !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields > .scenario-field-ratio-pair > label { display: flex !important; flex-direction: column !important; gap: 4px !important; margin: 0 !important; min-width: 0 !important; white-space: normal !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields .rate-term-second-toggle-row .scenario-mini-toggle { min-height: 34px !important; width: 100% !important; } } /* Mobile final Home Equity field guard: match full-screen field order and keep LTV/CLTV paired. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields { align-items: start !important; display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > * { box-sizing: border-box !important; min-width: 0 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-top-right-spacer, .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > input[type="hidden"] { display: none !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > label { align-self: start !important; display: flex !important; flex-direction: column !important; gap: 4px !important; justify-self: stretch !important; margin: 0 !important; max-width: none !important; min-width: 0 !important; white-space: normal !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields input, .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields select, .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields .custom-choice-menu, .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields .custom-choice-menu summary { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-field-second-balance { grid-column: 1 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-field-cash-out { display: flex !important; grid-column: 2 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-field-ltv, .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 5 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-field-purpose { grid-column: 2 !important; grid-row: 5 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-field-ratio-pair { align-self: start !important; display: grid !important; gap: 6px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-self: stretch !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields > .scenario-field-ratio-pair > label { display: flex !important; flex-direction: column !important; gap: 4px !important; margin: 0 !important; min-width: 0 !important; white-space: normal !important; width: 100% !important; } } /* Mobile final Cash-Out field guard: match full-screen field order and remove inherited blank rows. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields { align-items: start !important; display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > * { box-sizing: border-box !important; min-width: 0 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > .scenario-top-right-spacer, .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > input[type="hidden"] { display: none !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > label { align-self: start !important; display: flex !important; flex-direction: column !important; gap: 4px !important; justify-self: stretch !important; margin: 0 !important; max-width: none !important; min-width: 0 !important; white-space: normal !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields input, .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields select, .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields .custom-choice-menu, .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields .custom-choice-menu summary { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > .scenario-field-second-balance { grid-column: 1 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > .scenario-field-cash-out { display: flex !important; grid-column: 2 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > .scenario-field-ltv, .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 5 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields > .scenario-field-purpose { grid-column: 2 !important; grid-row: 5 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-cash-out-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } } /* Mobile final ratio-pair reset: child labels must not inherit old grid rows. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { .lead-scenario-fields[open] > .lead-scenario-body.has-existing-loan-fields > .scenario-field-ratio-pair { align-items: start !important; align-self: start !important; display: grid !important; gap: 6px !important; grid-auto-flow: column !important; grid-auto-rows: auto !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: auto !important; justify-self: stretch !important; min-height: 0 !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.has-existing-loan-fields > .scenario-field-ratio-pair > .scenario-field-ltv, .lead-scenario-fields[open] > .lead-scenario-body.has-existing-loan-fields > .scenario-field-ratio-pair > .scenario-field-cltv { align-self: start !important; display: flex !important; flex-direction: column !important; gap: 4px !important; margin: 0 !important; min-width: 0 !important; white-space: normal !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.has-existing-loan-fields > .scenario-field-ratio-pair > .scenario-field-ltv { grid-column: 1 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body.has-existing-loan-fields > .scenario-field-ratio-pair > .scenario-field-cltv { grid-column: 2 !important; grid-row: 1 !important; } } /* Mobile Rate & Term single-LTV guard: no Cash Out row, LTV stays beside FICO. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)), :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)), .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) { align-items: start !important; display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-auto-rows: auto !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: repeat(4, auto) !important; overflow: visible !important; width: 100% !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > *, :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > *, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > * { box-sizing: border-box !important; min-width: 0 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > label, :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > label, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > label { align-self: start !important; display: flex !important; flex-direction: column !important; gap: 4px !important; justify-self: stretch !important; margin: 0 !important; max-width: none !important; min-width: 0 !important; white-space: normal !important; width: 100% !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > :is(.scenario-top-right-spacer, input[type="hidden"], .scenario-field-cash-out, .rate-term-second-toggle-row), :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > :is(.scenario-top-right-spacer, input[type="hidden"], .scenario-field-cash-out, .rate-term-second-toggle-row), .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > :is(.scenario-top-right-spacer, input[type="hidden"], .scenario-field-cash-out, .rate-term-second-toggle-row) { display: none !important; grid-column: auto !important; grid-row: auto !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 1 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 2 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-ltv { grid-column: 2 !important; grid-row: 3 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-fico { grid-column: 1 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-ltv { grid-column: 2 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)):not(:has(> .scenario-field-ratio-pair)) > .scenario-field-purpose { grid-column: 2 !important; grid-row: 4 !important; } } /* Mobile Rate & Term second-lien guard: match full-screen rows and remove the inherited Cash Out field. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair), :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair), .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) { align-items: start !important; display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-auto-rows: auto !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: repeat(5, auto) !important; overflow: visible !important; width: 100% !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > *, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > * { box-sizing: border-box !important; min-width: 0 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > label, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > label { align-self: start !important; display: flex !important; flex-direction: column !important; gap: 4px !important; justify-self: stretch !important; margin: 0 !important; max-width: none !important; min-width: 0 !important; white-space: normal !important; width: 100% !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) input, :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) .custom-choice-menu, :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) .custom-choice-menu summary, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) input, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) .custom-choice-menu, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) .custom-choice-menu summary { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > :is(.scenario-top-right-spacer, input[type="hidden"], .scenario-field-cash-out), .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > :is(.scenario-top-right-spacer, input[type="hidden"], .scenario-field-cash-out) { display: none !important; grid-column: auto !important; grid-row: auto !important; height: 0 !important; min-height: 0 !important; overflow: hidden !important; pointer-events: none !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-value, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .rate-term-second-toggle-row, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .rate-term-second-toggle-row { align-self: end !important; display: grid !important; gap: 6px !important; grid-column: 2 !important; grid-row: 1 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-self: stretch !important; margin: 0 !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) .rate-term-second-toggle-row .scenario-mini-toggle { min-height: 34px !important; padding-inline: 4px !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) .rate-term-second-toggle-row .scenario-mini-toggle span { font-size: 10px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-first-balance, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-second-balance, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 2 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-current-rate, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-current-rate { grid-column: 1 !important; grid-row: 3 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-second-current-rate, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-fico, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-ratio-pair, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-ratio-pair { align-self: start !important; display: grid !important; gap: 6px !important; grid-column: 2 !important; grid-row: 4 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-self: stretch !important; margin: 0 !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-ratio-pair > .scenario-field-ltv { grid-column: 1 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-ratio-pair > .scenario-field-cltv { grid-column: 2 !important; grid-row: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-ratio-pair > label { display: flex !important; flex-direction: column !important; gap: 4px !important; margin: 0 !important; min-width: 0 !important; white-space: normal !important; width: 100% !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-occupancy, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 5 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-purpose, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-purpose { grid-column: 2 !important; grid-row: 5 !important; } } /* Mobile Cash-Out/Home Equity row guard: when no current 2nd rate exists, Cash Out fills the 2nd Balance row. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario, .is-home-equity-scenario).has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out, :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario, .is-home-equity-scenario).has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out, .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario, .is-home-equity-scenario).has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out { display: flex !important; grid-column: 2 !important; grid-row: 3 !important; } } /* Mobile Rate & Term second-lien toggle compaction: keep both checks beside Estimated Value. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-value, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .scenario-field-value { align-self: end !important; grid-column: 1 !important; grid-row: 1 !important; } :is(.workspace.has-mobile-inline-detail-lock, .workspace.has-lead-rail, .workspace.has-inline-lead-panel) .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .rate-term-second-toggle-row, .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .rate-term-second-toggle-row { align-self: end !important; display: grid !important; gap: 6px !important; grid-column: 2 !important; grid-row: 1 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin: 0 !important; min-height: 0 !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .rate-term-second-toggle-row > .scenario-mini-toggle { align-self: stretch !important; display: inline-flex !important; grid-row: 1 !important; margin: 0 !important; min-height: 34px !important; min-width: 0 !important; padding-inline: 4px !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .rate-term-second-toggle-row > .scenario-mini-toggle:nth-of-type(1) { grid-column: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-rate-term-scenario.has-existing-loan-fields.has-second-lien-treatment:has(> .scenario-field-second-current-rate):has(> .scenario-field-ratio-pair) > .rate-term-second-toggle-row > .scenario-mini-toggle:nth-of-type(2) { grid-column: 2 !important; } } /* Mobile expanded Property Zillow footprint: match the collapsed Property row. */ @media (max-width: 900px), (max-device-width: 900px), (hover: none), (pointer: coarse) { .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property[open] > .property-summary { --property-zillow-slot-width: 92px !important; align-items: center !important; column-gap: 8px !important; grid-template-columns: max-content minmax(0,1fr) var(--property-zillow-slot-width) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property[open] .property-summary-links { align-self: center !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; max-width: var(--property-zillow-slot-width) !important; min-width: 0 !important; position: static !important; right: auto !important; top: auto !important; transform: none !important; width: var(--property-zillow-slot-width) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property[open] .property-summary-links .zillow-scraper-pill { width: 100% !important; } } /* Mobile expanded lead rail chip grid: keep loan and ratio pairs aligned without stranded gaps. */ @media (max-width: 720px) and (pointer: coarse), (max-device-width: 720px) and (pointer: coarse) { .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-context { align-items: stretch !important; display: grid !important; gap: 6px !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; min-width: 0 !important; width: 100% !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-source-pill.source-pill { align-items: center !important; align-self: stretch !important; display: inline-flex !important; flex: none !important; grid-column: 1 / span 2 !important; grid-row: 1 !important; justify-content: center !important; max-width: none !important; min-height: 42px !important; width: 100% !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-scenario-chips { display: contents !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-scenario-chip { flex: none !important; min-height: 42px !important; min-width: 0 !important; padding: 5px 4px !important; width: 100% !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-scenario-chip[data-chip-slot="purpose"] { grid-column: 3 / span 2 !important; grid-row: 1 !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-scenario-chip[data-chip-slot="occupancy"] { grid-column: 5 / span 2 !important; grid-row: 1 !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-scenario-chip[data-chip-slot="value"] { grid-column: 1 / span 2 !important; grid-row: 2 !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-scenario-chip[data-chip-slot="first-loan"] { grid-column: 3 / span 2 !important; grid-row: 2 !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-scenario-chip[data-chip-slot="second-loan"] { grid-column: 5 / span 2 !important; grid-row: 2 !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-scenario-chip[data-chip-slot="fico"] { grid-column: 1 / span 2 !important; grid-row: 3 !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-scenario-chip[data-chip-slot="ltv"] { grid-column: 3 / span 2 !important; grid-row: 3 !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-scenario-chip[data-chip-slot="cltv"] { grid-column: 5 / span 2 !important; grid-row: 3 !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-context:not(:has(.lead-rail-scenario-chip[data-chip-slot="second-loan"])) .lead-rail-scenario-chip[data-chip-slot="first-loan"] { grid-column: 3 / span 2 !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-context:not(:has(.lead-rail-scenario-chip[data-chip-slot="cltv"])) .lead-rail-scenario-chip[data-chip-slot="ltv"] { grid-column: 5 / span 2 !important; grid-row: 2 !important; } .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-context:not(:has(.lead-rail-scenario-chip[data-chip-slot="cltv"])) .lead-rail-scenario-chip[data-chip-slot="fico"] { grid-column: 1 / -1 !important; grid-row: 3 !important; } } /* Mobile collapsed lead rail frame lock: the mini pane scrolls, the editor windows do not drift. */ @media (max-width: 640px), (max-device-width: 640px), (pointer: coarse) { .workspace.has-mobile-inline-detail-lock .lead-inline-detail-block { box-sizing: border-box !important; clear: both !important; display: block !important; justify-self: center !important; margin-left: auto !important; margin-right: auto !important; max-width: min(calc(100dvw - 16px), 430px) !important; min-width: 0 !important; overflow: hidden !important; padding-left: 0 !important; padding-right: 0 !important; transform: none !important; width: min(calc(100dvw - 16px), 430px) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame > .lead-editor, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid { box-sizing: border-box !important; justify-self: stretch !important; left: auto !important; max-width: 100% !important; min-width: 0 !important; padding-left: 0 !important; padding-right: 0 !important; right: auto !important; transform: none !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame > .lead-editor, .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid { overflow-x: hidden !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-expanded-workspace-frame { margin-left: auto !important; margin-right: auto !important; max-width: calc(100% - 4px) !important; width: calc(100% - 4px) !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) { box-sizing: border-box !important; display: block !important; justify-self: stretch !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; padding: 0 !important; transform: none !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) > .lead-side-rail { box-sizing: border-box !important; display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start !important; max-width: 100% !important; min-width: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; overscroll-behavior-x: contain !important; padding-left: 6px !important; padding-right: 6px !important; scrollbar-width: thin !important; touch-action: pan-x pan-y !important; -webkit-overflow-scrolling: touch !important; white-space: nowrap !important; width: 100% !important; } .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) :is(.lead-rail-tab, .lead-rail-chip-stack, .lead-rail-context, .lead-rail-scenario-chips, .lead-rail-chip, .lead-rail-source-pill) { flex-shrink: 0 !important; } } .selected-lead-panel .lead-panel-control-icon.import.is-login-needed, .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon.import.is-login-needed, .selected-lead-panel .lead-panel-controls-body .lead-panel-control-icon.import.is-login-needed, .lead-inline-detail-stack .selected-lead-panel .lead-panel-control-icon.import.is-login-needed, .lead-inline-detail-stack .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon.import.is-login-needed, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-login-needed, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-login-needed { background: color-mix(in srgb, #fff 74%, #fee2e2) !important; border-color: #dc2626 !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #dc2626 18%, transparent) !important; color: #b91c1c !important; opacity: 1 !important; } .selected-lead-panel .lead-panel-control-icon.import.is-login-needed svg, .selected-lead-panel .lead-panel-control-icon.import.is-login-needed small, .lead-inline-detail-stack .selected-lead-panel .lead-panel-control-icon.import.is-login-needed svg, .lead-inline-detail-stack .selected-lead-panel .lead-panel-control-icon.import.is-login-needed small, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-login-needed svg, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-login-needed span, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-login-needed svg, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-login-needed span { color: #b91c1c !important; stroke: currentColor !important; } .selected-lead-panel .lead-panel-control-icon.import.is-login-needed:hover, .selected-lead-panel .lead-panel-control-icon.import.is-login-needed:focus, .lead-inline-detail-stack .selected-lead-panel .lead-panel-control-icon.import.is-login-needed:hover, .lead-inline-detail-stack .selected-lead-panel .lead-panel-control-icon.import.is-login-needed:focus, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-login-needed:hover, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-login-needed:focus, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-login-needed:hover, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-login-needed:focus { background: #fff !important; border-color: #b91c1c !important; color: #991b1b !important; } /* Leads dark-mode compatibility layer for the newer editor and pricing panes. */ [data-theme="dark"] { --lead-dark-surface: #151a20; --lead-dark-card: #1d232b; --lead-dark-card-raised: #242b34; --lead-dark-field: #111820; --lead-dark-field-muted: #18212b; --lead-dark-border: #3a4653; --lead-dark-border-soft: #2c3540; --lead-dark-text: #edf5fb; --lead-dark-muted: #aebdce; } [data-theme="dark"] :is(.workspace.has-lead-rail, .workspace.has-side-panel, .workspace.has-inline-lead-panel, .workspace.no-side-panel) { --window-bg: var(--lead-dark-card); --window-bg-raised: var(--lead-dark-card-raised); --window-border: var(--lead-dark-border); --label-tab-bg: color-mix(in srgb, var(--lead-dark-card-raised) 88%, #fff); --label-tab-border: color-mix(in srgb, var(--lead-dark-border) 74%, transparent); --lead-pane-neutral-fill: var(--lead-dark-card-raised); --lead-pane-neutral-fill-strong: color-mix(in srgb, var(--lead-dark-card-raised) 84%, #fff); --lead-pane-neutral-border: var(--lead-dark-border); --lead-pane-text: var(--lead-dark-text); --workspace-action-chip-fill: var(--lead-dark-card-raised); --workspace-action-chip-border: var(--lead-dark-border); } [data-theme="dark"] :is(.lead-inline-detail-block, .lead-expanded-workspace-frame, .lead-editor, .selected-lead-panel) { background: var(--lead-dark-surface) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] :is( .lead-editor-grid .editor-section, .lead-editor-lane > .editor-section, .lead-top-collapsible-card, .selected-lead-panel .lead-panel-status-card, .selected-lead-panel .lead-panel-controls-card, .selected-lead-panel .lead-panel-notes-card, .selected-lead-panel .lead-panel-log-card, .mini-rate-snapshot-frame, .pricing-presets-drawer, .quote-breakdown-section, .lead-tool-panel, .doc-source-group, .auto-quote-status-card ) { background: var(--lead-dark-card) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] :is( .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, .mini-rate-snapshot-head > span:first-child, .pricing-presets-summary .pricing-presets-title ) { background: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] :is( .lead-editor-grid input, .lead-editor-grid select, .lead-editor-grid textarea, .selected-lead-panel input, .selected-lead-panel select, .selected-lead-panel textarea, .custom-choice-menu summary, .quick-choice-menu summary, .scenario-collapsed-fact, .property-summary-fact, .lead-summary-middle, .workflow-phone-pill, .mini-control-choice-shell .custom-choice-menu summary, .mini-pref-choice-shell .custom-choice-menu summary, .mini-product-choice-shell .custom-choice-menu summary, .investor-config-preferred, .investor-list-row, .investor-row, .pricing-presets-drawer :is(input, select, textarea) ) { background: var(--lead-dark-field) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] :is( .lead-editor-grid label, .lead-scenario-fields .lead-scenario-body label, .selected-lead-panel .quick-detail > span, .selected-lead-panel .quick-choice-menu strong, .selected-lead-panel .quick-choice-value-stack span, .selected-lead-panel .lead-tool-head strong, .selected-lead-panel .doc-source-group h4, .selected-lead-panel .doc-check-item, .editor-section-summary span, .mini-control-choice-shell .custom-choice-menu strong, .mini-product-choice-shell .custom-choice-menu strong, .scenario-collapsed-fact > strong, .scenario-collapsed-fact > input, .investor-config-copy, .pricing-engine-copy ) { color: var(--lead-dark-text) !important; } [data-theme="dark"] :is( .selected-lead-panel .quick-detail small, .lead-editor-grid .field-hint, .scenario-collapsed-fact > span, .property-summary-fact > span, .mini-rate-snapshot-meta, .pricing-presets-copy, .quote-status .meta, .quote-review-reasons, .quote-review-reasons li ) { color: var(--lead-dark-muted) !important; } [data-theme="dark"] .scenario-collapsed-fact > span, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .scenario-collapsed-fact > span { background: color-mix(in srgb, var(--accent) 16%, var(--lead-dark-field)) !important; border-right-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] :is(.lead-panel-control-icon, .lead-panel-action-chip.lead-panel-control-icon, .lead-rail-chip, .scenario-mini-toggle, .scenario-balance-inline-toggle, .piggyback-bubble, .mini-pricing-preview-pill, .mini-formal-header-toggle) { background: var(--lead-dark-card-raised) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] :is(.lead-panel-control-icon, .lead-panel-action-chip.lead-panel-control-icon, .lead-rail-chip, .scenario-mini-toggle, .scenario-balance-inline-toggle, .piggyback-bubble, .mini-pricing-preview-pill, .mini-formal-header-toggle):hover, [data-theme="dark"] :is(.lead-panel-control-icon, .lead-panel-action-chip.lead-panel-control-icon, .lead-rail-chip, .scenario-mini-toggle, .scenario-balance-inline-toggle, .piggyback-bubble, .mini-pricing-preview-pill, .mini-formal-header-toggle):focus { background: color-mix(in srgb, var(--accent) 15%, var(--lead-dark-card-raised)) !important; border-color: color-mix(in srgb, var(--accent) 54%, var(--lead-dark-border)) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body :is(.selected-lead-panel,.lead-quick-popover,.lead-notes-modal-card) .lead-notes-appointment-pill { color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body :is(.selected-lead-panel,.lead-quick-popover,.lead-notes-modal-card) .lead-notes-appointment-pill:is(:hover,:focus,:focus-visible) { color: #071523 !important; } [data-theme="dark"] :is(.scenario-mini-toggle.is-on, .scenario-mini-toggle:has(input[type="checkbox"]:checked), .scenario-balance-inline-toggle.is-on, .scenario-balance-inline-toggle:has(input[type="checkbox"]:checked), .piggyback-bubble.is-on, .mini-formal-header-toggle.is-on) { background: color-mix(in srgb, var(--accent) 24%, var(--lead-dark-card)) !important; border-color: color-mix(in srgb, var(--accent) 62%, var(--lead-dark-border)) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] .scenario-balance-input-wrap .scenario-balance-inline-toggle { background: color-mix(in srgb, var(--brand-gold) 14%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, var(--brand-gold) 62%, var(--lead-dark-border)) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] .scenario-balance-input-wrap .scenario-balance-inline-toggle::before { background: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--brand-gold) 64%, var(--lead-dark-border)) !important; } [data-theme="dark"] .scenario-balance-input-wrap .scenario-balance-inline-toggle.is-on, [data-theme="dark"] .scenario-balance-input-wrap .scenario-balance-inline-toggle:has(input[type="checkbox"]:checked) { background: color-mix(in srgb, var(--brand-gold) 22%, var(--lead-dark-card)) !important; border-color: color-mix(in srgb, var(--brand-gold) 74%, var(--lead-dark-border)) !important; } [data-theme="dark"] .scenario-balance-input-wrap .scenario-balance-inline-toggle.is-on::before, [data-theme="dark"] .scenario-balance-input-wrap .scenario-balance-inline-toggle:has(input[type="checkbox"]:checked)::before { background: var(--brand-gold) !important; border-color: var(--brand-gold) !important; box-shadow: inset 0 0 0 2px var(--lead-dark-card) !important; } [data-theme="dark"] .scenario-balance-inline-toggle.is-required-missing, [data-theme="dark"] .scenario-balance-input-wrap .scenario-balance-inline-toggle.is-required-missing { background: color-mix(in srgb, var(--red) 15%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, var(--red) 70%, var(--lead-dark-border)) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--red) 18%, transparent) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] .scenario-balance-inline-toggle.is-required-missing::before, [data-theme="dark"] .scenario-balance-input-wrap .scenario-balance-inline-toggle.is-required-missing::before { background: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--red) 72%, var(--lead-dark-border)) !important; } [data-theme="dark"] .lead-panel-control-icon.quote { background: var(--theme-action-bg) !important; border-color: var(--theme-action-border) !important; color: var(--theme-action-text) !important; } [data-theme="dark"] .lead-panel-control-icon.bonzo { background: #f233a6 !important; border-color: #f233a6 !important; color: #fff !important; } [data-theme="dark"] :is(.quote-status, .quote-status.pass) { background: var(--lead-dark-card-raised) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] :is(.compact-rate-sheet, .compact-rate-sheet tbody, .compact-rate-sheet td) { background: var(--lead-dark-card) !important; border-color: var(--lead-dark-border-soft) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, [data-theme="dark"] .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, [data-theme="dark"] .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, [data-theme="dark"] .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame, [data-theme="dark"] .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame { background: var(--lead-dark-card) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]), [data-theme="dark"] .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]), [data-theme="dark"] .selected-lead-panel .mini-rate-snapshot-frame:not([open]), [data-theme="dark"] .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]), [data-theme="dark"] .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) { background: var(--lead-dark-card) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] .lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child, [data-theme="dark"] .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child, [data-theme="dark"] .selected-lead-panel .mini-rate-snapshot-head > span:first-child, [data-theme="dark"] .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child, [data-theme="dark"] .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child { background: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] .lead-editor-grid .lead-scenario-fields > .editor-section-summary > span:first-child, [data-theme="dark"] .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary > span:first-child, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields > .editor-section-summary > span:first-child, [data-theme="dark"] .selected-lead-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary > span:first-child, [data-theme="dark"] .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary > span:first-child, [data-theme="dark"] .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary > span:first-child, [data-theme="dark"] .lead-editor-grid .lead-top-collapsible-card > .editor-section-summary > span:first-child, [data-theme="dark"] .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card > .editor-section-summary > span:first-child, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card > .editor-section-summary > span:first-child, [data-theme="dark"] .selected-lead-panel .lead-editor-grid .lead-top-collapsible-card > .editor-section-summary > span:first-child { background: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]), [data-theme="dark"] .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]), [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]), [data-theme="dark"] .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]) { background: var(--lead-dark-card-raised) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]) .va-logo-mark, [data-theme="dark"] .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]) .va-logo-mark, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]) .va-logo-mark, [data-theme="dark"] .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]) .va-logo-mark { color: inherit !important; } [data-theme="dark"] :is( .lead-editor-grid .lead-top-collapsible-card:not([open]) > .editor-section-summary > span:first-child, .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-status-card:not([open]) > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card:not([open]) > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card:not([open]) > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card:not([open]) > .editor-section-summary > span:first-child, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer:not([open]) .pricing-presets-title ) { background: #fff !important; border-color: transparent !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent) !important; color: #071523 !important; } [data-theme="dark"] .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-select, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-select, [data-theme="dark"] .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-select, [data-theme="dark"] .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, [data-theme="dark"] .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong, [data-theme="dark"] .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .property-type-label-full, [data-theme="dark"] .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .property-type-label-short, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .property-type-label-full, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .property-type-label-short, [data-theme="dark"] .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .property-type-label-full, [data-theme="dark"] .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .property-type-label-short { color: var(--lead-dark-text) !important; } [data-theme="dark"] .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span, [data-theme="dark"] .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 34%, var(--lead-dark-border)) !important; border-right-color: color-mix(in srgb, var(--accent) 34%, var(--lead-dark-border)) !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.1) !important; color: var(--lead-dark-text) !important; font-size: 14px !important; font-weight: 600 !important; } [data-theme="dark"] .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, [data-theme="dark"] .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, [data-theme="dark"] .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 34%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important; color: var(--lead-dark-text) !important; } [data-theme="dark"] .compact-rate-sheet th { background: var(--lead-dark-card-raised) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-muted) !important; } [data-theme="dark"] :is(.rate-detail-row, .fee-detail-row, .quote-breakdown-row, .mini-fee-row, .mini-prepaid-row) { border-color: var(--lead-dark-border-soft) !important; color: var(--lead-dark-text) !important; } .selected-lead-panel .lead-panel-control-icon.import.is-imported, .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon.import.is-imported, .selected-lead-panel .lead-panel-controls-body .lead-panel-control-icon.import.is-imported, .lead-inline-detail-stack .selected-lead-panel .lead-panel-control-icon.import.is-imported, .lead-inline-detail-stack .selected-lead-panel .lead-panel-action-chip.lead-panel-control-icon.import.is-imported, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-imported, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-imported { background: color-mix(in srgb, #fff 72%, #dcfce7) !important; border-color: #16a34a !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #16a34a 22%, transparent) !important; color: #15803d !important; cursor: default !important; opacity: 1 !important; } .selected-lead-panel .lead-panel-control-icon.import.is-imported svg, .selected-lead-panel .lead-panel-control-icon.import.is-imported small, .lead-inline-detail-stack .selected-lead-panel .lead-panel-control-icon.import.is-imported svg, .lead-inline-detail-stack .selected-lead-panel .lead-panel-control-icon.import.is-imported small, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-imported svg, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-imported span, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-imported svg, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-imported span { color: #15803d !important; font-weight: 950 !important; stroke: currentColor !important; } .selected-lead-panel .lead-panel-control-icon.import.is-imported:hover, .selected-lead-panel .lead-panel-control-icon.import.is-imported:focus, .lead-inline-detail-stack .selected-lead-panel .lead-panel-control-icon.import.is-imported:hover, .lead-inline-detail-stack .selected-lead-panel .lead-panel-control-icon.import.is-imported:focus, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-imported:hover, .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-imported:focus, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-imported:hover, .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.import.is-imported:focus { background: color-mix(in srgb, #fff 66%, #bbf7d0) !important; border-color: #15803d !important; color: #166534 !important; } html[data-theme="dark"] body :is( .collapsible-editor-card:not([open]) > .editor-section-summary > span:first-child, .lead-editor-grid .lead-top-collapsible-card:not([open]) > .editor-section-summary > span:first-child, .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-status-card:not([open]) > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card:not([open]) > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card:not([open]) > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card:not([open]) > .editor-section-summary > span:first-child, .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer:not([open]) .pricing-presets-title ) { background: #fff !important; border-color: transparent !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent) !important; color: #071523 !important; font-weight: 600 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(#collapsed-logo-rail) > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#collapsed-logo-rail) > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > span:first-child, html[data-theme="dark"] body .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:has(> .mini-snapshot-head-actions)) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-full-side-compact-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child { background: #fff !important; border-color: transparent !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent) !important; color: #071523 !important; font-weight: 600 !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"], html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"], html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"], html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"], html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"] { background: #fff !important; border-color: transparent !important; box-shadow: none !important; color: #071523 !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"] .va-logo-mark, html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"] .va-logo-mark, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"] .va-logo-mark, html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"] .va-logo-mark, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"] .va-logo-mark { color: inherit !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.fha-streamline-toggle):is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.fha-streamline-toggle):is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.fha-streamline-toggle):is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.fha-streamline-toggle):is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.fha-streamline-toggle):is(.active,[aria-pressed="true"]) { background: var(--va-active-bg) !important; border-color: var(--va-active-bg) !important; box-shadow: 0 1px 5px color-mix(in srgb, var(--va-active-bg) 34%, transparent) !important; color: var(--va-active-text) !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle:is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle:is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle:is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle:is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle:is(.active,[aria-pressed="true"]) { background: #143368 !important; border-color: #143368 !important; box-shadow: 0 1px 5px color-mix(in srgb, #143368 34%, transparent) !important; color: #fff !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"]:not(.active):not([aria-pressed="true"]), html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"]:not(.active):not([aria-pressed="true"]), html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"]:not(.active):not([aria-pressed="true"]), html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"]:not(.active):not([aria-pressed="true"]) { background: #fff !important; background-color: #fff !important; border: 1px solid transparent !important; border-color: transparent !important; box-shadow: none !important; color: #071523 !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle[aria-pressed="false"]:not(.active):not([aria-pressed="true"]), html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle[aria-pressed="false"]:not(.active):not([aria-pressed="true"]), html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle[aria-pressed="false"]:not(.active):not([aria-pressed="true"]), html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle[aria-pressed="false"]:not(.active):not([aria-pressed="true"]) { background: #fff !important; background-color: #fff !important; border: 1px solid transparent !important; border-color: transparent !important; box-shadow: none !important; color: #071523 !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.fha-streamline-toggle):is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.fha-streamline-toggle):is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.fha-streamline-toggle):is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.fha-streamline-toggle):is(.active,[aria-pressed="true"]) { background: var(--va-active-bg) !important; background-color: var(--va-active-bg) !important; border: 1px solid var(--va-active-bg) !important; border-color: var(--va-active-bg) !important; color: var(--va-active-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]), html[data-theme="dark"] body .mini-rate-snapshot-head .mini-snapshot-head-actions > button.piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-head .mini-snapshot-head-actions > button.piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]), html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]), html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-head .mini-snapshot-head-actions > button.piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-head .mini-snapshot-head-actions > button.piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]) { background: #fff !important; background-color: #fff !important; border: 1px solid transparent !important; border-color: transparent !important; box-shadow: none !important; color: #071523 !important; } html[data-theme="dark"] body .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):hover, html[data-theme="dark"] body .mini-rate-snapshot-head .mini-snapshot-head-actions > button.piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):hover, html[data-theme="dark"] body .mini-rate-snapshot-head > button.piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):focus, html[data-theme="dark"] body .mini-rate-snapshot-head .mini-snapshot-head-actions > button.piggyback-bubble.is-compact:not(.is-on):not([aria-pressed="true"]):focus { background: #fff !important; background-color: #fff !important; border-color: transparent !important; color: #071523 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips, html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips, html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips, html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips { background: linear-gradient(135deg, color-mix(in srgb, var(--option-1) 16%, #f8fbff), color-mix(in srgb, var(--option-3) 13%, #f8fbff)) !important; background-color: color-mix(in srgb, var(--option-1) 12%, #f8fbff) !important; border-color: color-mix(in srgb, var(--option-3) 42%, #cbd5e1) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), inset 0 0 0 1px rgba(255,255,255,.3), 0 3px 9px rgba(0,0,0,.2) !important; color: #071523 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips { background: linear-gradient(135deg, color-mix(in srgb, var(--option-1) 18%, #f8fbff), color-mix(in srgb, var(--option-2) 14%, #f8fbff)) !important; background-color: color-mix(in srgb, var(--option-1) 14%, #f8fbff) !important; border-color: color-mix(in srgb, var(--option-2) 46%, #cbd5e1) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips { background: linear-gradient(135deg, color-mix(in srgb, var(--option-3) 18%, #f8fbff), color-mix(in srgb, var(--option-1) 12%, #f8fbff)) !important; background-color: color-mix(in srgb, var(--option-3) 14%, #f8fbff) !important; border-color: color-mix(in srgb, var(--option-3) 48%, #cbd5e1) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips.is-auto-mode, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips[class*="deterministic-auto-mood-"] { background: linear-gradient(135deg, color-mix(in srgb, var(--auto-mood-a, var(--option-1)) 18%, #f8fbff), color-mix(in srgb, var(--auto-mood-b, var(--option-2)) 20%, #f8fbff)) !important; background-color: color-mix(in srgb, var(--auto-mood-a, var(--option-1)) 14%, #f8fbff) !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--option-3)) 50%, #cbd5e1) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.6), inset 0 0 0 1px rgba(255,255,255,.32), 0 3px 10px rgba(0,0,0,.2) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips .mini-collapsed-option-chip { background: color-mix(in srgb, #fff 95%, var(--paper)) !important; background-color: color-mix(in srgb, #fff 95%, var(--paper)) !important; border-color: color-mix(in srgb, var(--lead-dark-border) 18%, #fff) !important; box-shadow: 0 2px 6px rgba(7,21,35,.16) !important; color: #071523 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-controls label, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-strip > div, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-quote-summary { background: color-mix(in srgb, #fff 94%, #edf6ff) !important; border-color: #d8dee6 !important; color: #465b72 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-controls label > span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-strip span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-details span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-details b, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-details em { color: #465b72 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-choice-shell .custom-choice-menu summary, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-controls select, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-static-control, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-editable-loan-tile input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-second-loan-amount-tile input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-row input { background: #fff !important; background-color: #fff !important; border-color: transparent !important; box-shadow: none !important; color: #071523 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp .mini-comp-percent-input { background: transparent !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; color: #071523 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp .mini-comp-percent-input:focus { background: color-mix(in srgb, #fff 84%, #d8ecff) !important; background-color: color-mix(in srgb, #fff 84%, #d8ecff) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #1d7cc1 46%, #d8dee6) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-choice-shell .custom-choice-menu strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-controls select, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-static-control, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-editable-loan-tile input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-second-loan-amount-tile input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-strip strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-row strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-row input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-details .mini-rate-detail-value, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp .mini-comp-percent-input { color: #071523 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp b, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-tile-adjustment.credit strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-tile-cash-context.credit strong { color: #15803d !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-tile-adjustment.cost strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-tile-cash-context.cost strong { color: #b42318 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-stack :is( .mini-control-pref-field > span:not(.custom-choice-shell), .mini-control-comp-input > span:not(.custom-choice-shell), .mini-control-structure-field > span, .mini-control-option-row-label ) { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-stack :is( .mini-pref-choice-shell, .mini-comp-choice-shell, .mini-control-choice-shell ) .custom-choice-menu summary { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: var(--lead-dark-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .pricing-presets-summary { border-bottom-color: color-mix(in srgb, var(--accent) 18%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-option-matrix, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-pref-field :is(.custom-choice-menu summary, select), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-comp-input .custom-choice-menu summary, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-choice-shell .custom-choice-menu summary { border-color: color-mix(in srgb, #fff 14%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-stack-grid.has-two-stacks::before { background: color-mix(in srgb, var(--accent) 14%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-stack :is( .mini-pref-choice-shell, .mini-comp-choice-shell, .mini-control-choice-shell ) .custom-choice-menu:is([open], :hover, :focus-within) summary { border-color: color-mix(in srgb, var(--accent) 46%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-stack :is( .mini-pref-choice-shell, .mini-comp-choice-shell, .mini-control-choice-shell ) .custom-choice-menu summary strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-stack .mini-pref-display-text { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-structure-toggle { background: color-mix(in srgb, #fff 82%, #d8ecff) !important; background-color: color-mix(in srgb, #fff 82%, #d8ecff) !important; border-color: color-mix(in srgb, #1d7cc1 34%, #d8dee6) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.42) !important; color: #071523 !important; font-weight: 950 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-structure-toggle.is-lpc { background: color-mix(in srgb, #fff 82%, #dcfce7) !important; background-color: color-mix(in srgb, #fff 82%, #dcfce7) !important; border-color: color-mix(in srgb, var(--green) 36%, #d8dee6) !important; color: #064e3b !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-structure-toggle.is-bpc, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-structure-toggle.is-corr { color: #063f65 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: var(--lead-dark-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-controls label, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-strip > .mini-fee-tile-loan, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-strip > .mini-second-loan-amount-tile, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-quote-summary { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-controls label > span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-strip > .mini-second-loan-amount-tile > span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-details span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-details b, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-details em, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row span { color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-choice-shell .custom-choice-menu summary, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-controls select, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-static-control, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-editable-loan-tile input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-second-loan-amount-tile input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-row input { background: transparent !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-choice-shell .custom-choice-menu:is([open], :hover, :focus-within) summary, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-controls select:focus, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-editable-loan-tile input:focus, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-second-loan-amount-tile input:focus, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row input:focus, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-row input:focus { background: color-mix(in srgb, var(--accent) 13%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, var(--accent) 13%, var(--lead-dark-field)) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 44%, var(--lead-dark-border)) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-choice-shell .custom-choice-menu strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-controls select, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-static-control, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-editable-loan-tile input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-second-loan-amount-tile input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-copy > strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-details .mini-rate-detail-value, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-row strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-row input { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-payment-breakdown-row.is-summary { border-color: color-mix(in srgb, var(--lead-dark-border) 76%, transparent) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-tile-adjustment.credit strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-tile-cash-context.credit strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-details .mini-tone-value.credit { color: #6ee7a8 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-tile-adjustment.cost strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-tile-cash-context.cost strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-details .mini-tone-value.cost { color: #ff9c8f !important; } html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-tab { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 46%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 8px 20px rgba(0,0,0,.24) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn strong, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-count { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-safe,.scenario-fico-safe) { background: linear-gradient(145deg, #b7f7d1, #55d98d) !important; background-color: #86efac !important; border-color: #22c55e !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 0 0 1px rgba(34,197,94,.28), 0 5px 13px rgba(34,197,94,.18) !important; color: #052e16 !important; } html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-caution,.scenario-fico-caution) { background: linear-gradient(145deg, #fde68a, #f59e0b) !important; background-color: #fbbf24 !important; border-color: #f59e0b !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.44), 0 0 0 1px rgba(245,158,11,.3), 0 5px 13px rgba(245,158,11,.2) !important; color: #3f2403 !important; } html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-alert,.scenario-fico-alert) { background: linear-gradient(145deg, #fecdd3, #fb7185) !important; background-color: #fb7185 !important; border-color: #f43f5e !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 0 0 1px rgba(244,63,94,.32), 0 5px 13px rgba(244,63,94,.22) !important; color: #3f0712 !important; } html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) small, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) strong { color: currentColor !important; font-weight: 850 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-controls :is(.mini-product-choice-shell, .mini-control-choice-shell) .custom-choice-menu > summary > strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-controls .custom-choice-summary-rich, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-product-controls .mini-static-control { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-side-controls > .mini-product-controls label:not(#sq-dark-field-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-fee-strip > :is(.mini-fee-tile-loan,.mini-second-loan-amount-tile):not(#sq-dark-loan-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock) { --ink: var(--lead-dark-text); --line: var(--lead-dark-border-soft); --muted: var(--lead-dark-muted); background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-product-controls label:not(#sq-dark-field-lock) > span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-fee-strip > :is(.mini-fee-tile-loan,.mini-second-loan-amount-tile):not(#sq-dark-loan-lock) :is(.mini-fee-tile-head span, > span) { color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-product-controls :is(.mini-product-choice-shell,.mini-control-choice-shell) .custom-choice-menu > summary > strong:not(#sq-dark-product-value-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-product-controls .mini-static-control:not(#sq-dark-product-static-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-fee-strip > :is(.mini-fee-tile-loan,.mini-second-loan-amount-tile):not(#sq-dark-loan-lock) :is(strong,input), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock) .mini-price-copy > strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock) .mini-rate-details :is(strong,.mini-rate-detail-value), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock) .mini-fee-itemization-row :is(strong,input) { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-product-controls .custom-choice-menu > summary, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-fee-strip > :is(.mini-fee-tile-loan,.mini-second-loan-amount-tile):not(#sq-dark-loan-lock) :is(input,strong) { background: transparent !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } html[data-theme="dark"] body .custom-choice-menu[open] .quick-choice-options, html[data-theme="dark"] body .quick-choice-menu[open] .quick-choice-options { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--accent) 38%, var(--lead-dark-border)) !important; box-shadow: 0 16px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .custom-choice-menu[open] .quick-choice-options button, html[data-theme="dark"] body .quick-choice-menu[open] .quick-choice-options button { background: transparent !important; background-color: transparent !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .custom-choice-menu[open] .quick-choice-options button:hover, html[data-theme="dark"] body .custom-choice-menu[open] .quick-choice-options button:focus, html[data-theme="dark"] body .quick-choice-menu[open] .quick-choice-options button:hover, html[data-theme="dark"] body .quick-choice-menu[open] .quick-choice-options button:focus { background: color-mix(in srgb, var(--accent) 18%, var(--lead-dark-card-raised)) !important; background-color: color-mix(in srgb, var(--accent) 18%, var(--lead-dark-card-raised)) !important; color: #fff !important; } html[data-theme="dark"] body .custom-choice-menu[open] .quick-choice-options button.active, html[data-theme="dark"] body .quick-choice-menu[open] .quick-choice-options button.active { background: color-mix(in srgb, var(--accent) 30%, var(--lead-dark-card-raised)) !important; background-color: color-mix(in srgb, var(--accent) 30%, var(--lead-dark-card-raised)) !important; color: #fff !important; font-weight: 400 !important; } html[data-theme="dark"] body .selected-lead-panel .selected-lead-head, html[data-theme="dark"] body .selected-lead-panel .selected-lead-topline { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .selected-lead-panel .selected-lead-name-row .name-link { color: #fff !important; } html[data-theme="dark"] body .selected-lead-panel .selected-lead-name-row .name-link:hover, html[data-theme="dark"] body .selected-lead-panel .selected-lead-name-row .name-link:focus { color: color-mix(in srgb, #fff 82%, var(--accent)) !important; } html[data-theme="dark"] body .selected-lead-panel .selected-lead-nav { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: var(--lead-dark-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .selected-lead-panel .selected-lead-nav span { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card:not([open]) .lead-panel-status-pill, html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card:not([open]) .lead-panel-status-pill span { color: #071523 !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail > span, html[data-theme="dark"] body .selected-lead-panel .detail-grid .lead-panel-piggyback-split-labels span, html[data-theme="dark"] body .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-mini span { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card[open] .lead-panel-readiness-status, html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card[open] .lead-panel-readiness-status.pass { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--accent) 38%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card[open] .lead-panel-readiness-status strong, html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card[open] .lead-panel-readiness-status .meta, html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card[open] .lead-panel-readiness-status .quote-status-context { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon,.lead-panel-action-chip.lead-panel-control-icon):not(.is-login-needed):not(.is-imported) { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: var(--lead-dark-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon,.lead-panel-action-chip.lead-panel-control-icon):not(.is-login-needed):not(.is-imported):hover, html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon,.lead-panel-action-chip.lead-panel-control-icon):not(.is-login-needed):not(.is-imported):focus, html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon,.lead-panel-action-chip.lead-panel-control-icon):not(.is-login-needed):not(.is-imported):focus-visible { background: color-mix(in srgb, var(--accent) 16%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, var(--accent) 16%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, var(--accent) 52%, var(--lead-dark-border)) !important; color: #fff !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon,.lead-panel-action-chip.lead-panel-control-icon):not(.is-login-needed):not(.is-imported) :is(svg,small), html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon,.lead-panel-action-chip.lead-panel-control-icon):not(.is-login-needed):not(.is-imported) .bonzo-mark + span { color: currentColor !important; stroke: currentColor !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.is-active:not(.is-login-needed):not(.is-imported) { background: color-mix(in srgb, var(--accent) 22%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, var(--accent) 22%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, var(--accent) 62%, var(--lead-dark-border)) !important; color: #fff !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe) input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-safe input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-safe input:not(:focus) { background: linear-gradient(145deg, #b7f7d1, #55d98d) !important; background-color: #86efac !important; border-color: #22c55e !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 0 0 1px rgba(34,197,94,.28) !important; color: #052e16 !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution) input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-caution input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-caution input:not(:focus) { background: linear-gradient(145deg, #fde68a, #f59e0b) !important; background-color: #fbbf24 !important; border-color: #f59e0b !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.44), 0 0 0 1px rgba(245,158,11,.3) !important; color: #3f2403 !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-alert input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-alert input:not(:focus) { background: linear-gradient(145deg, #fecdd3, #fb7185) !important; background-color: #fb7185 !important; border-color: #f43f5e !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 0 0 1px rgba(244,63,94,.32) !important; color: #3f0712 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock) .mini-rate-details :is(span,b,em), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock) .mini-fee-itemization-row span { color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock) :is(.mini-fee-itemization,.mini-fee-itemization-row,.mini-fee-drilldown-rows.quote-breakdown-rows,.mini-payment-breakdown-row.is-summary) { border-color: color-mix(in srgb, var(--lead-dark-border) 76%, transparent) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock) .mini-fee-itemization-row.credit :is(strong,input) { color: #86efac !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock) .mini-fee-itemization-row.cost :is(strong,input) { color: #ffb4a8 !important; } html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label:not(#sq-dark-control-label-lock) { background: #fff !important; background-color: #fff !important; border-color: #d8e2ec !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), 0 1px 0 rgba(255,255,255,.62) !important; color: #071523 !important; } html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary:hover .control-framed-label:not(#sq-dark-control-label-lock), html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary:focus-visible .control-framed-label:not(#sq-dark-control-label-lock), html[data-theme="dark"] body .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label:not(#sq-dark-control-label-lock) { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 42%, var(--lead-dark-border)) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.1) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label:not(#sq-dark-control-label-lock)::before, html[data-theme="dark"] body .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label:not(#sq-dark-control-label-lock)::before { background: var(--label-tab-accent) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock) :is(.mini-price-copy,.mini-rate-details,.mini-fee-itemization,.mini-fee-itemization-row,.mini-fee-itemization-row > summary,.mini-payment-breakdown-row,.quote-breakdown-row) { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock) :is(.mini-price-copy > strong,.mini-rate-details .mini-rate-detail-value,.mini-fee-itemization-row > strong,.mini-fee-itemization-row > input,.mini-fee-itemization-row > summary > strong,.mini-fee-itemization-row > summary > input,.quote-breakdown-row strong,.quote-breakdown-row input,.mini-payment-breakdown-row strong) { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock) :is(.mini-rate-details span,.mini-rate-details b,.mini-rate-details em,.mini-fee-itemization-row > span,.mini-fee-itemization-row > summary > span,.quote-breakdown-row span,.mini-payment-breakdown-row span) { color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble:not(#sq-dark-purpose-pill-lock) { background: color-mix(in srgb, var(--accent) 15%, var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--accent) 58%, var(--lead-dark-border)) !important; border-left-color: var(--accent) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 3px 8px rgba(0,0,0,.22) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble:not(#sq-dark-purpose-pill-lock) :is(span,strong,.mini-purpose-full,.mini-purpose-code) { color: #fff !important; font-weight: 950 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble.is-purpose-action:not(#sq-dark-purpose-pill-lock):hover, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-rate-purpose-bubble.is-purpose-action:not(#sq-dark-purpose-pill-lock):focus-visible { border-color: color-mix(in srgb, var(--accent) 74%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 2px color-mix(in srgb, var(--accent) 24%, transparent), 0 4px 10px rgba(0,0,0,.28) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization :is(.fee-buyout-toggle,.fee-va-funding-use,.fee-ufmip-calendar-toggle):not(#sq-dark-fee-pill-lock) { background: color-mix(in srgb, var(--brand-gold) 14%, var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--brand-gold) 62%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 6px rgba(0,0,0,.2) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization :is(.fee-buyout-toggle,.fee-va-funding-use):not(#sq-dark-fee-pill-lock) span { background: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--brand-gold) 72%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization :is(.fee-buyout-toggle,.fee-va-funding-use,.fee-ufmip-calendar-toggle):not(#sq-dark-fee-pill-lock):is(:hover,:focus,.is-on,.is-selected) { background: color-mix(in srgb, var(--brand-gold) 20%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, var(--brand-gold) 12%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, var(--brand-gold) 82%, var(--lead-dark-border)) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill:not(#sq-dark-fee-pill-lock) { background: color-mix(in srgb, #2d8ce6 16%, var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, #2d8ce6 66%, var(--lead-dark-border)) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill:not(#sq-dark-fee-pill-lock) span { background: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, #2d8ce6 78%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill:not(#sq-dark-fee-pill-lock):is(:hover,:focus,.is-on) { background: color-mix(in srgb, #2d8ce6 24%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, #2d8ce6 14%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, #2d8ce6 86%, var(--lead-dark-border)) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill.is-on:not(#sq-dark-fee-pill-lock) span { background: #2d8ce6 !important; border-color: color-mix(in srgb, #2d8ce6 90%, var(--lead-dark-border)) !important; box-shadow: inset 0 0 0 2px var(--lead-dark-card-raised) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle.is-on:not(.fee-financed-pill):not(#sq-dark-fee-pill-lock) span { background: var(--brand-gold) !important; border-color: color-mix(in srgb, var(--brand-gold) 90%, var(--lead-dark-border)) !important; box-shadow: inset 0 0 0 2px var(--lead-dark-card-raised) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout]:not(#sq-dark-buyout-pill-blue-lock) { background: color-mix(in srgb, #2d8ce6 16%, var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, #2d8ce6 66%, var(--lead-dark-border)) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout]:not(#sq-dark-buyout-pill-blue-lock) span { background: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, #2d8ce6 78%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout]:not(#sq-dark-buyout-pill-blue-lock):is(:hover,:focus,.is-on) { background: color-mix(in srgb, #2d8ce6 24%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, #2d8ce6 14%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, #2d8ce6 86%, var(--lead-dark-border)) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout].is-on:not(#sq-dark-buyout-pill-blue-lock) span { background: #2d8ce6 !important; border-color: color-mix(in srgb, #2d8ce6 90%, var(--lead-dark-border)) !important; box-shadow: inset 0 0 0 2px var(--lead-dark-card-raised) !important; } html[data-theme="dark"] body .selected-lead-panel :is(.lead-panel-notes-card,.lead-panel-log-card):not([open]) > .editor-section-summary > span:first-child:not(#sq-dark-note-log-lock), html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-nested :is(.lead-panel-notes-card,.lead-panel-log-card):not([open]) > .editor-section-summary > span:first-child:not(#sq-dark-note-log-lock) { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 34%, var(--lead-dark-border)) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.1) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .selected-lead-panel :is(.lead-panel-notes-card,.lead-panel-log-card):not([open]) > .editor-section-summary > span:first-child:not(#sq-dark-note-log-lock) *, html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-nested :is(.lead-panel-notes-card,.lead-panel-log-card):not([open]) > .editor-section-summary > span:first-child:not(#sq-dark-note-log-lock) * { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .selected-lead-panel .update-log-list:not(#sq-dark-log-entry-lock) { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: var(--lead-dark-border) !important; } html[data-theme="dark"] body .selected-lead-panel .update-log-entry:not(#sq-dark-log-entry-lock) { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-theme="dark"] body .selected-lead-panel .update-log-entry:not(#sq-dark-log-entry-lock) :is(time,p) { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .selected-lead-panel .update-log-entry:not(#sq-dark-log-entry-lock) time { color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .selected-lead-panel .update-log-entry:not(#sq-dark-log-entry-lock) .update-log-entry-clear { color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .selected-lead-panel .update-log-entry:not(#sq-dark-log-entry-lock) .update-log-entry-clear:is(:hover,:focus) { background: color-mix(in srgb, var(--red) 14%, var(--lead-dark-card-raised)) !important; border-color: color-mix(in srgb, var(--red) 42%, var(--lead-dark-border)) !important; color: #ffd6d6 !important; } html[data-theme="dark"] body .mismo-1003-group:not([open]) > summary:not(#sq-dark-mismo-label-lock) { background: #fff !important; background-color: #fff !important; border-color: transparent !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mismo-1003-group[open] > summary:not(#sq-dark-mismo-label-lock) { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 42%, var(--lead-dark-border)) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.1) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mismo-1003-group > summary:not(#sq-dark-mismo-label-lock)::before { background: var(--label-tab-accent) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock) :is(.compact-rate-sheet-scroll,table,thead,tbody,tr,td) { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: var(--lead-dark-border-soft) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock) th { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: var(--lead-dark-border) !important; box-shadow: 0 1px 0 var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock) :is(.rate-link,.mini-rate-value,.mini-payment-value,.mini-points-credit-stack b,.mini-points-credit-stack em) { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock) :is(.mini-pts-value.cost,.mini-cost-dollar-value.cost) { color: #ff5f5f !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock) :is(.mini-pts-value.credit,.mini-cost-dollar-value.credit) { color: #69e6a1 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock) .selected-rate-row td { background: color-mix(in srgb, var(--accent) 8%, var(--lead-dark-card-raised)) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--accent) 52%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--accent) 52%, transparent) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock) .mini-rate-row-alert-eligibility { background: linear-gradient(145deg, #bdeaff, #38bdf8) !important; background-color: #38bdf8 !important; border-color: color-mix(in srgb, #38bdf8 82%, #075985) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 0 0 1px rgba(14,165,233,.3), 0 2px 6px rgba(0,0,0,.28) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock) :is(.mini-rate-row-alert-apor,.mini-rate-row-alert-apor-blocked) { background: linear-gradient(145deg, #ffc4c4, #ff5f5f) !important; background-color: #ff6b6b !important; border-color: color-mix(in srgb, #ff6b6b 84%, #7f1d1d) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.46), 0 0 0 1px rgba(248,113,113,.28), 0 2px 6px rgba(0,0,0,.28) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock) .mini-rate-row-alert-ltv { background: linear-gradient(145deg, #ffe7a3, #fbbf24) !important; background-color: #fbbf24 !important; border-color: color-mix(in srgb, #fbbf24 84%, #92400e) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.46), 0 0 0 1px rgba(251,191,36,.28), 0 2px 6px rgba(0,0,0,.28) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock) > summary { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock) > summary :is(span,strong,em,b,.mini-addons-summary-value,.eligibility-window-mode) { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock) .mini-addons-summary-value.is-credit b { color: #69e6a1 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock) .mini-addons-summary-value.is-cost b { color: #ff5f5f !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock) :is(.quote-breakdown-rows,.quote-breakdown-controls,.eligibility-snapshot-card,.eligibility-pricing-addons,.eligibility-notes) { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock) .quote-breakdown-rows :is(div,span,strong,small) { border-color: var(--lead-dark-border-soft) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="false"]:not(#sq-dark-market-toggle-lock) { background: #fff !important; background-color: #fff !important; border-color: #d8e2ec !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), 0 1px 0 rgba(255,255,255,.62) !important; color: #071523 !important; } html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="false"]:not(#sq-dark-market-toggle-lock):hover, html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="false"]:not(#sq-dark-market-toggle-lock):focus-visible, html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="true"]:not(#sq-dark-market-toggle-lock) { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 42%, var(--lead-dark-border)) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.1) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded]:not(#sq-dark-market-toggle-lock)::before { background: var(--label-tab-accent) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-stack { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: var(--lead-dark-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab { --quote-selection-dark-accent: var(--accent); } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab-1 { --quote-selection-dark-accent: var(--option-1); } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab-2 { --quote-selection-dark-accent: var(--option-2); } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab-3 { --quote-selection-dark-accent: var(--option-3); } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable) { background: linear-gradient(145deg, color-mix(in srgb, var(--quote-selection-dark-accent) 18%, var(--lead-dark-card-raised)), var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--quote-selection-dark-accent) 46%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 5px 13px rgba(0,0,0,.24) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable):hover, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable):focus-within { border-color: color-mix(in srgb, var(--quote-selection-dark-accent) 68%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 2px color-mix(in srgb, var(--quote-selection-dark-accent) 22%, transparent), 0 7px 16px rgba(0,0,0,.28) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected { border-color: color-mix(in srgb, var(--quote-selection-dark-accent) 78%, #fff) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 2px color-mix(in srgb, var(--quote-selection-dark-accent) 34%, transparent), 0 8px 18px rgba(0,0,0,.32) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-label, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-label :is(strong,span,small,em) { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-number-tab { background: color-mix(in srgb, var(--quote-selection-dark-accent) 22%, var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--quote-selection-dark-accent) 54%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 3px 8px rgba(0,0,0,.24) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected .quote-selection-number-tab { background: #f8fbff !important; background-color: #f8fbff !important; border-color: color-mix(in srgb, var(--quote-selection-dark-accent) 62%, #d8e6f2) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 3px 8px rgba(0,0,0,.28) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token:has(.lender-logo-mark), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip, html[data-theme="dark"] body .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip { background: linear-gradient(145deg, color-mix(in srgb, #fff 9%, var(--lead-dark-card-raised)), var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border: 1px solid color-mix(in srgb, #fff 28%, var(--lead-dark-border)) !important; border-color: color-mix(in srgb, #fff 28%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 2px 6px rgba(0,0,0,.28) !important; color: var(--lead-dark-text) !important; overflow: hidden !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token .lender-brand.chip, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip .lender-logo-stack, html[data-theme="dark"] body .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip .lender-logo-stack { background: transparent !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token .lender-brand.chip:has(:is(.lender-logo-figure,.lender-logo-figurelending,.lender-logo-westcap,.lender-logo-westcappricinggrid,.lender-logo-westcapital,.lender-logo-westcapitallending,.lender-logo-wcl,.lender-logo-wp).lender-logo-mark) { background: color-mix(in srgb, #fff 8%, var(--lead-dark-card-raised)) !important; background-color: var(--lead-dark-card-raised) !important; border: 1px solid color-mix(in srgb, #fff 22%, var(--lead-dark-border)) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 2px 6px rgba(0,0,0,.24) !important; height: 34px !important; min-height: 34px !important; padding: 2px !important; width: 34px !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token .lender-brand.chip:has(:is(.lender-logo-figure,.lender-logo-figurelending,.lender-logo-westcap,.lender-logo-westcappricinggrid,.lender-logo-westcapital,.lender-logo-westcapitallending,.lender-logo-wcl,.lender-logo-wp).lender-logo-mark) .lender-logo-stack { height: 100% !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token :is(.lender-logo-figure,.lender-logo-figurelending,.lender-logo-westcap,.lender-logo-westcappricinggrid,.lender-logo-westcapital,.lender-logo-westcapitallending,.lender-logo-wcl,.lender-logo-wp).lender-logo-mark { content: url("/assets/lenders/Figure_mark_glyph.png"); filter: drop-shadow(0 0 1px rgba(255,255,255,.72)) drop-shadow(0 1px 4px rgba(120,110,255,.28)) !important; height: 28px !important; max-width: 28px !important; width: 28px !important; } html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary .control-framed-label:not(#sq-dark-calculator-label-lock) { background: #fff !important; background-color: #fff !important; border-color: #d8e2ec !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), 0 1px 0 rgba(255,255,255,.62) !important; color: #071523 !important; } html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary:hover .control-framed-label:not(#sq-dark-calculator-label-lock), html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary:focus-visible .control-framed-label:not(#sq-dark-calculator-label-lock), html[data-theme="dark"] body .calculators-page .calculator-collapsible-section[open] > .calculator-collapsible-summary .control-framed-label:not(#sq-dark-calculator-label-lock) { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 42%, var(--lead-dark-border)) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.1) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .calculators-page .calculator-collapsible-section > .calculator-collapsible-summary .control-framed-label:not(#sq-dark-calculator-label-lock)::before { background: var(--label-tab-accent) !important; opacity: 1 !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] :is(h3,h4,strong,input) { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] :is(span,small,.eyebrow,label) { color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] :is(.calculator-field,.calculator-metric,.calculator-compare-column,.calculator-amort-table-wrap) { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] .calculator-field:focus-within { background: var(--lead-dark-field-muted) !important; background-color: var(--lead-dark-field-muted) !important; border-color: color-mix(in srgb, var(--accent) 58%, var(--lead-dark-border)) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent) !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] .calculator-field input::placeholder { color: color-mix(in srgb, var(--lead-dark-muted) 62%, var(--lead-dark-field)) !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] .calculator-metric.pass { background: color-mix(in srgb, #16a34a 18%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, #16a34a 18%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, #22c55e 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] .calculator-metric.pass strong { color: #7df0a9 !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] .calculator-metric.fail { background: color-mix(in srgb, #ef4444 18%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, #ef4444 18%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, #ef4444 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] .calculator-metric.fail strong { color: #ff9ca3 !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] .calculator-amort-summary { border-top-color: var(--lead-dark-border-soft) !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] .calculator-amort-table { background: var(--lead-dark-field) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] .calculator-amort-table th { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] .calculator-amort-table td { background: var(--lead-dark-field) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .calculators-page :is( [data-calculator-section="inputs"], [data-calculator-section="payment"], [data-calculator-section="blended"], [data-calculator-section="amortization"], [data-calculator-section="cashout"], [data-calculator-section="payoff"] ).calculator-collapsible-section[open] .calculator-amort-table :is(th,td) { border-bottom-color: var(--lead-dark-border-soft) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-loan-amount-actions .mini-roll-loan-toggle:not(.is-on):not([aria-pressed="true"]) { background: #fff !important; background-color: #fff !important; border-color: #d8e2ec !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.68), 0 2px 6px rgba(0,0,0,.22) !important; color: #071523 !important; opacity: 1 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-loan-amount-actions .mini-roll-loan-toggle:not(.is-on):not([aria-pressed="true"]):is(:hover,:focus,:focus-visible) { background: color-mix(in srgb, #fff 91%, var(--accent)) !important; background-color: color-mix(in srgb, #fff 91%, var(--accent)) !important; border-color: color-mix(in srgb, var(--accent) 42%, #d8e2ec) !important; color: #071523 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp { --sq-dark-comp-accent: #69e6a1; --sq-dark-comp-dollar: #69e6a1; background: linear-gradient(145deg, color-mix(in srgb, var(--sq-dark-comp-accent) 14%, var(--lead-dark-card-raised)), var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--sq-dark-comp-accent) 46%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 5px 12px rgba(0,0,0,.22) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp:is(.bpc,.corr) { --sq-dark-comp-accent: #8bd6ff; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp :is(.mini-comp-heading,.mini-comp-label) { color: var(--sq-dark-comp-accent) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp :is(strong,.mini-comp-percent-input) { color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp:is(.lpc,.corr) .mini-comp-values strong { color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp.corr .mini-comp-values strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp.corr .mini-comp-percent-input { color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp b { color: var(--sq-dark-comp-dollar) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp .mini-comp-percent-input:focus { background: color-mix(in srgb, var(--sq-dark-comp-accent) 12%, var(--lead-dark-card-raised)) !important; background-color: color-mix(in srgb, var(--sq-dark-comp-accent) 12%, var(--lead-dark-card-raised)) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sq-dark-comp-accent) 52%, var(--lead-dark-border)) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card.is-consolidated:not([open]) .lead-panel-status-inline-tab { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 42%, var(--lead-dark-border)) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.1) !important; color: var(--lead-dark-text) !important; font-size: 12px !important; font-weight: 650 !important; letter-spacing: 0 !important; text-transform: none !important; text-shadow: none !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card.is-consolidated:not([open]) .lead-panel-status-inline-tab::before, html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card.is-consolidated:not([open]) .lead-panel-status-inline-tab::after { color: var(--label-tab-accent) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer > summary .eligibility-window-mode { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: var(--lead-dark-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-legend span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .guideline-chip.compact, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-matrix .matrix-head, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-matrix .matrix-axis, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-matrix .matrix-cell { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-legend :is(b,em), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .guideline-chip.compact :is(span,strong), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-matrix :is(.matrix-head,.matrix-axis,.matrix-cell,.matrix-cell span) { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .guideline-chip.compact span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-matrix .matrix-head:not(.active-axis) { color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-legend .eligible b, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-matrix .matrix-cell.eligible { background: color-mix(in srgb, #69e6a1 22%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, #69e6a1 22%, var(--lead-dark-field)) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-legend .limited b, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-matrix .matrix-cell.limited { background: color-mix(in srgb, var(--brand-gold) 30%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, var(--brand-gold) 30%, var(--lead-dark-field)) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-legend .review b, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-matrix .matrix-cell.review { background: color-mix(in srgb, var(--accent) 22%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, var(--accent) 22%, var(--lead-dark-field)) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-matrix .current-cell { box-shadow: 0 0 0 2px var(--accent), inset 0 0 0 1px var(--lead-dark-card-raised) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-eligibility-drawer[open] .eligibility-notes .eligibility-subhead :is(span,strong) { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .option-detail-escrow-grid input[data-pricing-escrow-field="taxAnnual"], html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .option-detail-escrow-grid input[data-pricing-escrow-field="insuranceAnnual"] { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .option-detail-escrow-grid input[data-pricing-escrow-field="taxAnnual"]::placeholder, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .option-detail-escrow-grid input[data-pricing-escrow-field="insuranceAnnual"]::placeholder { color: var(--lead-dark-text) !important; opacity: .82 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-addons-drawer[open] .eligibility-addon-row { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: var(--lead-dark-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-addons-drawer[open] .eligibility-addon-list :is(span,strong,small,em) { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-addons-drawer[open] .eligibility-addon-list :is(small,span em) { color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-addons-drawer[open] .eligibility-addon-list span em.pricing-addon-inline-amount { color: inherit !important; display: inline !important; font-size: inherit !important; font-weight: inherit !important; margin-top: 0 !important; white-space: nowrap; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-addons-drawer[open] .eligibility-addon-row.is-credit strong { color: #69e6a1 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-addons-drawer[open] .eligibility-addon-row.is-cost strong { color: #ff5f5f !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-loan-amount-actions .mini-roll-loan-toggle:is(.is-on,[aria-pressed="true"]) { border-color: color-mix(in srgb, #fff 72%, var(--theme-control-active-bg)) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), 0 4px 10px color-mix(in srgb, var(--theme-control-active-bg) 30%, transparent) !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]) { border-color: color-mix(in srgb, #fff 72%, currentColor) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.24), 0 2px 7px rgba(0,0,0,.28) !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"], html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"], html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"], html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"], html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"] { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 34%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"] .va-logo-mark, html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"] .va-logo-mark, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"] .va-logo-mark, html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"] .va-logo-mark, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"] .va-logo-mark { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-structure-toggle { --sq-dark-structure-accent: #8bd6ff; background: linear-gradient(145deg, color-mix(in srgb, var(--sq-dark-structure-accent) 14%, var(--lead-dark-card-raised)), var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--sq-dark-structure-accent) 46%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 4px 10px rgba(0,0,0,.2) !important; color: var(--sq-dark-structure-accent) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-structure-toggle.is-lpc { --sq-dark-structure-accent: #69e6a1; background: linear-gradient(145deg, color-mix(in srgb, var(--sq-dark-structure-accent) 14%, var(--lead-dark-card-raised)), var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--sq-dark-structure-accent) 46%, var(--lead-dark-border)) !important; color: #dffbea !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-structure-toggle.is-bpc, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-structure-toggle.is-corr { --sq-dark-structure-accent: #8bd6ff; background: linear-gradient(145deg, color-mix(in srgb, var(--sq-dark-structure-accent) 14%, var(--lead-dark-card-raised)), var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--sq-dark-structure-accent) 46%, var(--lead-dark-border)) !important; color: #dff5ff !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-structure-toggle:is(:hover,:focus,:focus-visible) { border-color: color-mix(in srgb, var(--sq-dark-structure-accent) 62%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 2px color-mix(in srgb, var(--sq-dark-structure-accent) 18%, transparent), 0 5px 12px rgba(0,0,0,.24) !important; } html[data-theme="dark"] body .pricing-preset-option-count.option-count-1, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-option-toggle-1.is-enabled span { --sq-dark-option-pill-accent: var(--option-1); } html[data-theme="dark"] body .pricing-preset-option-count.option-count-2, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-option-toggle-2.is-enabled span { --sq-dark-option-pill-accent: var(--option-2); } html[data-theme="dark"] body .pricing-preset-option-count.option-count-3, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-option-toggle-3.is-enabled span { --sq-dark-option-pill-accent: var(--option-3); } html[data-theme="dark"] body .pricing-preset-option-count:is(.option-count-1,.option-count-2,.option-count-3), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-option-toggle:is(.mini-control-option-toggle-1,.mini-control-option-toggle-2,.mini-control-option-toggle-3).is-enabled span { background: linear-gradient(145deg, color-mix(in srgb, var(--sq-dark-option-pill-accent, var(--accent)) 16%, var(--lead-dark-card-raised)), var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border: 1px solid color-mix(in srgb, var(--sq-dark-option-pill-accent, var(--accent)) 62%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 4px 10px rgba(0,0,0,.22) !important; color: color-mix(in srgb, var(--sq-dark-option-pill-accent, var(--accent)) 86%, #fff) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-stack:has(.mini-pref-auto-display)[class*="deterministic-auto-mood-"] .mini-control-option-toggle:is(.mini-control-option-toggle-1,.mini-control-option-toggle-2,.mini-control-option-toggle-3) span { background: linear-gradient(135deg, color-mix(in srgb, var(--auto-mood-a, var(--primary)) 94%, #000), color-mix(in srgb, var(--auto-mood-b, var(--accent)) 88%, #000)) !important; background-color: color-mix(in srgb, var(--auto-mood-a, var(--primary)) 72%, #000) !important; border: 1px solid color-mix(in srgb, var(--auto-mood-c, var(--accent)) 58%, var(--auto-mood-a, var(--primary))) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 4px 10px color-mix(in srgb, var(--auto-mood-b, var(--accent)) 24%, transparent) !important; color: #fff !important; text-shadow: 0 1px 1px rgba(0,0,0,.26) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-stack:has(.mini-pref-auto-display)[class*="deterministic-auto-mood-"] .mini-control-option-toggle.is-disabled span { opacity: .66 !important; } html[data-theme="dark"] body :is(.mini-preset-auto-mood,.pricing-preset-preview-row.has-auto-mood .pricing-preset-option-count,.pricing-preset-lender-cycle.is-auto[class*="deterministic-auto-mood-"],.deterministic-auto-summary-chip,.deterministic-auto-panel)[class*="deterministic-auto-mood-"], html[data-theme="dark"] body .pricing-preset-preview-row.has-auto-mood .pricing-preset-option-count, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-stack:has(.mini-pref-auto-display)[class*="deterministic-auto-mood-"] .mini-control-option-toggle:is(.mini-control-option-toggle-1,.mini-control-option-toggle-2,.mini-control-option-toggle-3).is-enabled span, html[data-theme="dark"] body .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable), html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips:is(.is-auto-mode,[class*="deterministic-auto-mood-"]) { background: linear-gradient(145deg, color-mix(in srgb, var(--auto-mood-a, var(--accent)) 17%, var(--lead-dark-card-raised)), color-mix(in srgb, var(--auto-mood-b, var(--accent)) 12%, var(--lead-dark-field))) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 42%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 2px 7px rgba(0,0,0,.28) !important; color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 68%, #eaf6ff) !important; text-shadow: none !important; } html[data-theme="dark"] body :is(.mini-preset-auto-mood,.pricing-preset-preview-row.has-auto-mood .pricing-preset-option-count,.pricing-preset-lender-cycle.is-auto[class*="deterministic-auto-mood-"],.deterministic-auto-summary-chip,.deterministic-auto-panel)[class*="deterministic-auto-mood-"] :is(strong,span,em), html[data-theme="dark"] body .pricing-preset-preview-row.has-auto-mood .pricing-preset-option-count :is(strong,span,em), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-stack:has(.mini-pref-auto-display)[class*="deterministic-auto-mood-"] .mini-control-option-toggle:is(.mini-control-option-toggle-1,.mini-control-option-toggle-2,.mini-control-option-toggle-3).is-enabled span, html[data-theme="dark"] body .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable) :is(.quote-selection-label,.quote-selection-label strong,.quote-selection-label span,.quote-selection-label small,.quote-selection-label em) { color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 62%, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected { border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 62%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px color-mix(in srgb, var(--auto-mood-c, var(--accent)) 38%, transparent), 0 4px 10px rgba(0,0,0,.3) !important; } html[data-theme="dark"] body .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable) .quote-selection-number-tab { background: color-mix(in srgb, var(--lead-dark-card-raised) 88%, #000) !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 46%, var(--lead-dark-border)) !important; color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 64%, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips:is(.is-auto-mode,[class*="deterministic-auto-mood-"]) .mini-collapsed-option-chip { background: color-mix(in srgb, var(--auto-mood-a, var(--accent)) 10%, var(--lead-dark-card-raised)) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 34%, var(--lead-dark-border)) !important; color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 54%, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-editor-grid :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 28%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-editor-grid :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-editor-grid :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child::before, html[data-theme="dark"] body .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card):not([open]) > .editor-section-summary > span:first-child::before, html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card:not([open]) > .editor-section-summary > span:first-child::before, html[data-theme="dark"] body .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card):not([open]) > .editor-section-summary > span:first-child::before, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child::before { background: color-mix(in srgb, var(--accent) 68%, var(--lead-dark-muted)) !important; } html[data-theme="dark"] body .lead-editor-grid :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child::before, html[data-theme="dark"] body .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card)[open] > .editor-section-summary > span:first-child::before, html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card[open] > .editor-section-summary > span:first-child::before, html[data-theme="dark"] body .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card)[open] > .editor-section-summary > span:first-child::before, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child::before { background: #8bd6ff !important; } html[data-theme="dark"] body .pricing-preset-option-count.option-count-0 { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border: 1px solid color-mix(in srgb, var(--lead-dark-muted) 28%, var(--lead-dark-border)) !important; color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips, html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips, html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips, html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips { background: linear-gradient(145deg, color-mix(in srgb, var(--option-1) 12%, var(--lead-dark-card-raised)), var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--option-2) 42%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 5px 12px rgba(0,0,0,.24) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips { background: linear-gradient(145deg, color-mix(in srgb, var(--option-3) 14%, var(--lead-dark-card-raised)), var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--option-3) 44%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips .mini-collapsed-option-chip, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips .lender-brand.chip { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, #fff 24%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 2px 6px rgba(0,0,0,.24) !important; color: var(--lead-dark-text) !important; } .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-rate-details { position: static !important; } .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-rate-purpose-bubble { bottom: auto !important; left: auto !important; min-height: 23px !important; min-width: 84px !important; padding: 4px 9px !important; right: 12px !important; top: 64px !important; transform: none !important; z-index: 3 !important; } .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-rate-purpose-bubble strong, .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-rate-purpose-bubble .mini-purpose-full { font-size: 10.5px !important; line-height: 1 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-rate-purpose-bubble :is(strong,.mini-purpose-full,.mini-purpose-code,span) { color: #fff !important; font-weight: 950 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame.is-first[open] .mini-pricing-section-shell:is([data-mini-pricing-section="addons"],[data-mini-pricing-section="eligibility"],[data-mini-pricing-section="escrow"]) > .quote-breakdown-section:not([open]), html[data-theme="dark"] body .mini-rate-snapshot-frame.is-first[open] .mini-pricing-section-shell:is([data-mini-pricing-section="addons"],[data-mini-pricing-section="eligibility"],[data-mini-pricing-section="escrow"]) > .quote-breakdown-section:not([open]) > summary { background: var(--lead-dark-field, #111820) !important; background-color: var(--lead-dark-field, #111820) !important; border-color: color-mix(in srgb, var(--lead-dark-border, #304355) 82%, transparent) !important; } .mini-rate-snapshot-frame.is-first[open] .mini-pricing-section-shell[data-mini-pricing-section="addons"] > .mini-pricing-addons-drawer:not([open]) summary .mini-addons-summary-value { column-gap: 16px !important; grid-template-columns: minmax(0,1fr) max-content !important; } .mini-rate-snapshot-frame.is-first[open] .mini-pricing-section-shell[data-mini-pricing-section="addons"] > .mini-pricing-addons-drawer:not([open]) summary .mini-addons-summary-value em { max-width: min(24ch, 100%) !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .mini-rate-snapshot-frame.is-first[open] .mini-pricing-section-shell[data-mini-pricing-section="addons"] > .mini-pricing-addons-drawer:not([open]) summary .mini-addons-summary-value b { margin-left: 0 !important; min-width: max-content !important; } .mini-pricing-addons-drawer > summary .mini-addons-summary-value, .mini-rate-snapshot-frame[open] .mini-pricing-section-shell[data-mini-pricing-section="addons"] > .mini-pricing-addons-drawer summary .mini-addons-summary-value, .mini-cockpit-detail-stack .mini-pricing-addons-drawer summary .mini-addons-summary-value { column-gap: max(8px, .5ch) !important; grid-template-columns: minmax(0,1fr) max-content !important; } .mini-pricing-addons-drawer > summary .mini-addons-summary-value em { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .mini-pricing-addons-drawer > summary .mini-addons-summary-value b { margin-left: 0 !important; min-width: max-content !important; white-space: nowrap !important; } .mini-pricing-addons-drawer > summary, .mini-rate-snapshot-frame[open] .mini-pricing-section-shell[data-mini-pricing-section="addons"] > .mini-pricing-addons-drawer > summary, .mini-cockpit-detail-stack .mini-pricing-addons-drawer > summary { grid-template-columns: minmax(0,1fr) max-content auto !important; } .mini-pricing-addons-drawer > summary .mini-addons-summary-title { align-items: center !important; color: var(--ink) !important; display: inline-flex !important; font-size: 12px !important; font-weight: 950 !important; gap: 0 !important; justify-self: start !important; letter-spacing: .04em !important; line-height: 1.05 !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; text-transform: none !important; white-space: nowrap !important; } .mini-pricing-addons-drawer > summary .mini-addons-summary-title b, .mini-pricing-addons-drawer > summary .mini-addons-summary-title em { display: inline !important; font: inherit !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .mini-pricing-addons-drawer > summary .mini-addons-summary-title b { flex: 0 0 auto !important; text-transform: uppercase !important; } .mini-pricing-addons-drawer > summary .mini-addons-summary-title em { color: color-mix(in srgb, var(--ink) 82%, var(--muted)) !important; flex: 1 1 auto !important; font-style: normal !important; max-width: 100% !important; } .mini-pricing-addons-drawer > summary .mini-addons-summary-value, .mini-rate-snapshot-frame[open] .mini-pricing-section-shell[data-mini-pricing-section="addons"] > .mini-pricing-addons-drawer summary .mini-addons-summary-value, .mini-cockpit-detail-stack .mini-pricing-addons-drawer summary .mini-addons-summary-value { display: inline-flex !important; grid-template-columns: none !important; justify-content: flex-end !important; justify-self: end !important; min-width: max-content !important; width: auto !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-rate-purpose-bubble, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-rate-purpose-bubble, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-rate-purpose-bubble, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-rate-purpose-bubble { bottom: auto !important; left: auto !important; min-height: 23px !important; min-width: 84px !important; padding: 4px 9px !important; right: 12px !important; top: 64px !important; transform: none !important; } .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-rate-purpose-bubble { bottom: auto !important; top: 64px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-source-block { max-width: 188px !important; min-width: 188px !important; right: 12px !important; top: 7px !important; width: 188px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner { height: 44px !important; max-height: 44px !important; max-width: 188px !important; min-height: 44px !important; min-width: 188px !important; width: 188px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner .lender-logo-stack, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner .lender-logo-stack, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner .lender-logo-stack, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner .lender-logo-stack { height: 42px !important; max-height: 42px !important; max-width: 174px !important; min-height: 42px !important; min-width: 174px !important; width: 174px !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner .lender-logo, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner .lender-logo, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner .lender-logo, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner .lender-logo { height: 38px !important; max-height: 38px !important; max-width: 174px !important; object-fit: contain !important; object-position: center right !important; width: 174px !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner .lender-logo { filter: brightness(1.16) saturate(1.08) contrast(1.1) !important; image-rendering: -webkit-optimize-contrast; opacity: 1 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner :is(.lender-logo-newrez,.lender-logo-nexbank) { filter: brightness(2.1) saturate(1.1) contrast(1.08) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner :is(.lender-logo-rocket,.lender-logo-rocketpro,.lender-logo-rocketprotpo,.lender-logo-springeq,.lender-logo-springequity,.lender-logo-lu,.lender-logo-loanunited,.lender-logo-loanunitedwholesale) { filter: brightness(1.02) saturate(1.05) contrast(1.08) !important; } .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .mini-rate-timestamp, .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .mini-rate-timestamp, .lead-table-region .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .mini-rate-timestamp, .selected-lead-panel .mini-pricing-body.is-compare .mini-rate-snapshot-frame[open] .mini-price-logo .mini-rate-timestamp { margin-top: 1px !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-payment-breakdown[open] .mini-payment-breakdown-panel { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--accent) 44%, var(--lead-dark-border)) !important; box-shadow: 0 10px 24px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-payment-breakdown[open] .mini-payment-breakdown-panel .mini-payment-breakdown-row { border-color: var(--lead-dark-border-soft) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-payment-breakdown[open] .mini-payment-breakdown-panel .mini-payment-breakdown-row span { color: var(--lead-dark-muted) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-payment-breakdown[open] .mini-payment-breakdown-panel .mini-payment-breakdown-row strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-payment-breakdown[open] .mini-payment-breakdown-panel .mini-payment-breakdown-row em { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-payment-breakdown[open] .mini-payment-breakdown-panel .mini-payment-breakdown-row.is-summary { border-top-color: var(--lead-dark-border) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip, html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip, html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip, html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip { background: linear-gradient(145deg, color-mix(in srgb, #fff 9%, var(--lead-dark-card-raised)), var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, #fff 28%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 2px 6px rgba(0,0,0,.28) !important; } @media (hover: hover) and (pointer: fine) and (min-width: 700px) { .mini-fee-itemization { overflow: visible; } .mini-fee-drilldown { position: relative; } .mini-fee-itemization-row.is-fees-drilldown[open], .mini-fee-itemization-row.is-escrow-drilldown[open] { position: relative; z-index: 38; } .mini-fee-itemization-row.is-fees-drilldown[open] > summary, .mini-fee-itemization-row.is-escrow-drilldown[open] > summary { align-items: baseline; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto; height: auto; left: auto; padding: 5px 0; position: relative; top: auto; width: auto; z-index: 2; } .mini-fee-itemization-row.is-fees-drilldown[open] > summary > span:first-child, .mini-fee-itemization-row.is-escrow-drilldown[open] > summary > span:first-child { font-size: 12px; gap: 6px; height: auto; justify-content: flex-start; overflow: hidden; width: auto; } .mini-fee-itemization-row.is-fees-drilldown[open] > summary > :not(span:first-child), .mini-fee-itemization-row.is-escrow-drilldown[open] > summary > :not(span:first-child) { display: block; } .mini-fee-itemization-row.is-fees-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows, .mini-fee-itemization-row.is-escrow-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows { background: color-mix(in srgb, var(--paper) 96%, #eaf6ff); border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--line)); border-radius: 10px; box-shadow: 0 14px 30px rgba(10,33,64,.18); box-sizing: border-box; left: 0; margin-top: 0; max-height: min(560px, 86vh); overflow: auto; padding: 10px 12px; position: absolute; top: calc(100% + 5px); width: min(370px, calc(100vw - 42px)); z-index: 42; } .mini-fee-itemization-row.is-fees-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > div:first-child > span, .mini-fee-itemization-row.is-escrow-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > div:first-child > span { padding-left: 0; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row { align-items: center; display: grid; gap: 14px; grid-template-columns: minmax(0,1fr) auto; padding: 7px 0; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; font-size: 12.5px; font-weight: 520; line-height: 1.15; min-width: 0; white-space: normal; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > strong, .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > input { font-size: 13px; font-weight: 720; line-height: 1.12; white-space: nowrap; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--accent) 44%, var(--lead-dark-border)) !important; box-shadow: 0 14px 30px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row { background: transparent !important; border-color: var(--lead-dark-border-soft) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row > span { color: var(--lead-dark-muted) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row > strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row > input { color: var(--lead-dark-text) !important; text-shadow: none !important; } } @media (hover: none), (pointer: coarse), (max-width: 699px) { .mini-fee-itemization { overflow: visible; } .mini-fee-drilldown { position: relative; } .mini-fee-itemization-row.is-fees-drilldown[open], .mini-fee-itemization-row.is-escrow-drilldown[open] { position: relative; z-index: 38; } .mini-fee-itemization-row.is-fees-drilldown[open] > summary, .mini-fee-itemization-row.is-escrow-drilldown[open] > summary { align-items: baseline; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto; height: auto; left: auto; padding: 5px 0; position: relative; top: auto; width: auto; z-index: 2; } .mini-fee-itemization-row.is-fees-drilldown[open] > summary > span:first-child, .mini-fee-itemization-row.is-escrow-drilldown[open] > summary > span:first-child { font-size: 12px; gap: 6px; height: auto; justify-content: flex-start; overflow: hidden; width: auto; } .mini-fee-itemization-row.is-fees-drilldown[open] > summary > :not(span:first-child), .mini-fee-itemization-row.is-escrow-drilldown[open] > summary > :not(span:first-child) { display: block; } .mini-fee-itemization-row.is-fees-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows, .mini-fee-itemization-row.is-escrow-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows { background: color-mix(in srgb, var(--paper) 96%, #eaf6ff); border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--line)); border-radius: 10px; box-shadow: 0 12px 24px rgba(10,33,64,.18); box-sizing: border-box; left: clamp(122px, 34vw, 170px); margin-top: 0; max-height: min(500px, 76vh); overflow: auto; padding: 9px 12px; position: absolute; right: 18px; top: calc(100% + 5px); z-index: 42; } .mini-fee-itemization-row.is-fees-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > div:first-child > span, .mini-fee-itemization-row.is-escrow-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > div:first-child > span { padding-left: 0; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row { align-items: center; background: transparent; display: grid; gap: 13px; grid-template-columns: minmax(0,1fr) auto; padding: 6px 0; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span { align-items: center; display: flex; flex-wrap: wrap; font-size: 12px; font-weight: 520; line-height: 1.15; min-width: 0; white-space: normal; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > strong, .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > input { font-size: 13px; font-weight: 720; line-height: 1.12; white-space: nowrap; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--accent) 44%, var(--lead-dark-border)) !important; box-shadow: 0 12px 24px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row { background: transparent !important; border-color: var(--lead-dark-border-soft) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row > span { color: var(--lead-dark-muted) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row > strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row > input { color: var(--lead-dark-text) !important; text-shadow: none !important; } } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-title-reissue-action, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-title-reissue-action { align-items: center; display: flex; flex-wrap: wrap; gap: 5px 6px; justify-content: start; overflow: visible; white-space: normal; width: auto; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-title-reissue-action > .fee-title-reissue-main-label, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-title-reissue-action > .fee-title-reissue-main-label { flex: 0 0 auto; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-title-reissue-action .fee-title-reissue-toggle, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-title-reissue-action .fee-title-reissue-toggle { align-self: center; flex: 0 0 auto; grid-area: toggle; justify-self: start; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-title-reissue-action .fee-title-reissue-controls, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-title-reissue-action .fee-title-reissue-controls { display: inline-grid; flex: 0 0 100%; grid-area: controls; justify-self: start; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-title-reissue-action:not(.is-open) .fee-title-reissue-controls, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-title-reissue-action:not(.is-open) .fee-title-reissue-controls { display: none; } .mini-fee-itemization.has-open-title-reissue-calendar .mini-fee-itemization-row.is-fees-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows { overflow: visible; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-ufmip-calendar-action, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-ufmip-calendar-action { align-items: center; display: flex; flex-wrap: wrap; gap: 5px 6px; justify-content: start; overflow: visible; white-space: normal; width: auto; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-ufmip-calendar-action > .fee-ufmip-main-label, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-ufmip-calendar-action > .fee-ufmip-main-label { flex: 0 0 auto; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-ufmip-calendar-action .fee-ufmip-refund-toggle, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-ufmip-calendar-action .fee-ufmip-refund-toggle { align-self: center; flex: 0 0 auto; grid-area: toggle; justify-self: start; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-ufmip-calendar-action .fee-ufmip-refund-action-controls, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-ufmip-calendar-action .fee-ufmip-refund-action-controls { display: inline-grid; flex: 0 0 100%; grid-area: controls; justify-self: start; } .mini-fee-itemization-row[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-ufmip-calendar-action:not(.is-open) .fee-ufmip-refund-action-controls, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span.has-ufmip-calendar-action:not(.is-open) .fee-ufmip-refund-action-controls { display: none; } .mini-fee-itemization.has-open-ufmip-calendar .mini-fee-itemization-row.is-fees-drilldown[open] > .mini-fee-drilldown-rows.quote-breakdown-rows { overflow: visible; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip .lender-brand.chip, html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip .lender-brand.chip, html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip .lender-brand.chip, html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips .mini-collapsed-option-chip .lender-brand.chip { background: color-mix(in srgb, #fff 8%, var(--lead-dark-card-raised)) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, #fff 26%, var(--lead-dark-border)) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 2px 6px rgba(0,0,0,.26) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-preset-lender-cycle:not(.is-auto), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] .pricing-preset-lender-cycle:not(.is-auto), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame[open] .pricing-preset-lender-cycle:not(.is-auto) { background: color-mix(in srgb, #fff 8%, var(--lead-dark-card-raised)) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, #fff 26%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 2px 6px rgba(0,0,0,.26) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-preset-lender-cycle:not(.is-auto) .lender-brand.chip { background: transparent !important; background-color: transparent !important; border-color: transparent !important; box-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-apor-notice, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-preferred-auto-notice, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-preferred-ltv-notice, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-second-cltv-cap-notice { background: color-mix(in srgb, var(--accent) 12%, var(--lead-dark-field)) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--accent) 48%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 3px 8px rgba(0,0,0,.24) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-apor-notice :is(strong,span,.mini-warning-icon-label,.mini-opportunity-icon-label,.mini-roll-cap-copy), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-preferred-auto-notice :is(strong,span,.mini-warning-icon-label,.mini-opportunity-icon-label,.mini-roll-cap-copy), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-preferred-ltv-notice :is(strong,span,.mini-warning-icon-label,.mini-opportunity-icon-label,.mini-roll-cap-copy), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-second-cltv-cap-notice :is(strong,span,.mini-warning-icon-label,.mini-opportunity-icon-label,.mini-roll-cap-copy) { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-preferred-auto-notice .mini-opportunity-icon-label, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-apor-notice strong { color: #8bd6ff !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-addons-drawer[open] :is(.eligibility-pricing-addons,.eligibility-addon-list,.eligibility-addon-scroll) { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-addons-drawer[open] .eligibility-addon-row { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: var(--lead-dark-border-soft) !important; box-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-addons-drawer[open] .eligibility-addon-row:is(.is-base-row,.is-net-row,.is-sum-row) { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: var(--lead-dark-border) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card.is-consolidated:not([open]) .lead-notes-appointment-pill:not(.is-modal-action) { background: #fff !important; background-color: #fff !important; border-color: #d8e2ec !important; color: #071523 !important; font-weight: 950 !important; text-shadow: none !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card.is-consolidated:not([open]) .lead-notes-appointment-pill:not(.is-modal-action):is(:hover,:focus,:focus-visible) { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--accent) 74%, var(--lead-dark-border)) !important; color: #fff !important; } /* Pipeline right-pane control panel: keep open cards on the global dark-mode inversion system. */ html[data-theme="dark"] body .pipeline-side-panel { background: var(--lead-dark-surface) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .pipeline-side-panel :is(.pipeline-panel-card,.detail,.column-list,.panel-section) { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:focus-visible > span:first-child, html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child:hover { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--lead-dark-border) 82%, transparent) !important; box-shadow: inset var(--section-label-accent-width) 0 0 var(--label-tab-accent), 0 1px 7px rgba(0,0,0,.22) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card > .editor-section-summary small, html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-form label, html[data-theme="dark"] body .pipeline-side-panel :is(.detail span,.column-list small,.panel-section p) { color: var(--lead-dark-muted) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-form :is(input,textarea) { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-form :is(input,textarea)::placeholder { color: color-mix(in srgb, var(--lead-dark-muted) 72%, transparent) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice { background: var(--lead-dark-field-muted) !important; background-color: var(--lead-dark-field-muted) !important; border-color: var(--lead-dark-border-soft) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice span { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice:is(.hot,.needs-review,.seasoning,.long-term) { background: color-mix(in srgb, #f5c452 13%, var(--lead-dark-field-muted)) !important; background-color: color-mix(in srgb, #f5c452 13%, var(--lead-dark-field-muted)) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice:is(.working,.blue,.quote-ready,.app-taken,.sent) { background: color-mix(in srgb, var(--accent) 14%, var(--lead-dark-field-muted)) !important; background-color: color-mix(in srgb, var(--accent) 14%, var(--lead-dark-field-muted)) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice:is(.appointment,.follow-up,.green) { background: color-mix(in srgb, var(--green) 13%, var(--lead-dark-field-muted)) !important; background-color: color-mix(in srgb, var(--green) 13%, var(--lead-dark-field-muted)) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice:is(.opt-out-text,.credit-repair,.not-interested,.not-qualified,.not-eligible) { background: color-mix(in srgb, #9b8bd3 11%, var(--lead-dark-field-muted)) !important; background-color: color-mix(in srgb, #9b8bd3 11%, var(--lead-dark-field-muted)) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice.is-selected { background: color-mix(in srgb, var(--accent) 20%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, var(--accent) 20%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, var(--accent) 72%, var(--lead-dark-border)) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 36%, transparent), 0 0 0 1px rgba(0,0,0,.18) !important; } html[data-theme="dark"] body .pipeline-side-panel :is(.source-pill,.sync-pill,.alert-pill) { background: color-mix(in srgb, var(--accent) 13%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, var(--accent) 13%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, var(--accent) 42%, var(--lead-dark-border)) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .pipeline-side-panel .alert-pill { background: color-mix(in srgb, #f5c452 16%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, #f5c452 16%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, #f5c452 46%, var(--lead-dark-border)) !important; color: #fff1bd !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-save-bar { background: linear-gradient(180deg, rgba(21,26,32,0), var(--lead-dark-surface) 24%) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-save-btn { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.22) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-save-btn:is(:hover,:focus-visible,:active) { background: color-mix(in srgb, var(--accent) 12%, #f8fbff) !important; background-color: color-mix(in srgb, var(--accent) 12%, #f8fbff) !important; border-color: color-mix(in srgb, var(--accent) 48%, #d8e6f2) !important; color: #071523 !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]), html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]), html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]), html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]), html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]) { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 36%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 2px 7px rgba(0,0,0,.24) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]) .va-logo-mark, html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]) .va-logo-mark, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]) .va-logo-mark, html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]) .va-logo-mark, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]) .va-logo-mark { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle:not(.active):not([aria-pressed="true"]) { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border: 1px solid color-mix(in srgb, var(--accent) 36%, var(--lead-dark-border)) !important; border-color: color-mix(in srgb, var(--accent) 36%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 2px 7px rgba(0,0,0,.24) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle:not(.active):not([aria-pressed="true"]) .va-logo-mark { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame.is-single-mortgage-two-lane, html[data-theme="dark"] body .lead-expanded-workspace-frame.is-single-mortgage-two-lane > .lead-editor, html[data-theme="dark"] body .lead-expanded-workspace-frame.is-single-mortgage-two-lane .lead-editor-grid, html[data-theme="dark"] body .lead-expanded-workspace-frame.is-single-mortgage-two-lane .lead-editor-lane[data-lead-editor-card="pricing"], html[data-theme="dark"] body .lead-expanded-workspace-frame.is-single-mortgage-two-lane .mini-pricing-lab, html[data-theme="dark"] body .lead-expanded-workspace-frame.is-single-mortgage-two-lane .mini-pricing-body { background: var(--lead-dark-surface) !important; background-color: var(--lead-dark-surface) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame.is-single-mortgage-two-lane .mini-rate-snapshot-frame, html[data-theme="dark"] body .lead-expanded-workspace-frame.is-single-mortgage-two-lane .mini-rate-snapshot-frame[open] { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: var(--lead-dark-border) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-label { font-weight: 720 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-label span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-label small { color: color-mix(in srgb, var(--lead-dark-text) 86%, var(--lead-dark-muted)) !important; font-weight: 650 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-label strong { color: color-mix(in srgb, var(--lead-dark-text) 92%, var(--lead-dark-muted)) !important; font-weight: 720 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-label em { color: color-mix(in srgb, var(--lead-dark-text) 90%, var(--lead-dark-muted)) !important; font-weight: 760 !important; } html[data-theme="dark"] body :is(.mini-lpc-comp,.mini-second-lpc-comp) :is(.mini-comp-label,b) { color: var(--lead-dark-text) !important; opacity: 1 !important; text-shadow: none !important; } html[data-theme="dark"] body :is(.mini-lpc-comp.lpc,.mini-second-lpc-comp.lpc) :is(.mini-comp-label,b) { color: #5ff0a0 !important; } html[data-theme="dark"] body :is(.mini-lpc-comp.bpc,.mini-second-lpc-comp.bpc,.mini-lpc-comp.corr,.mini-second-lpc-comp.corr) :is(.mini-comp-label,b) { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp .mini-comp-values > strong { color: #edf5fb !important; font-family: inherit !important; font-size: 15.5px !important; font-weight: 950 !important; line-height: 1.02 !important; opacity: 1 !important; text-align: center !important; text-shadow: none !important; } html[data-theme="dark"] body :is(.mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner, .investor-pricing-name .lender-brand, .rate-alert-card .lender-brand, .rate-notification-card .lender-brand, .investor-comp-row .lender-brand, .funded-table .funded-cell-lender .lender-brand, .pipeline-table .pipeline-cell-lender .lender-brand, .pipeline-side-panel .detail .lender-brand, .preferred-investor-field .mini-pref-display-logo, .mini-control-pref-field .mini-pref-display-logo, .quote-selection-token .lender-brand.chip, .pricing-preset-lender-cycle .lender-brand.chip) .lender-logo { filter: brightness(1.18) saturate(1.08) contrast(1.12) !important; image-rendering: -webkit-optimize-contrast; opacity: 1 !important; } html[data-theme="dark"] body :is(.mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner, .investor-pricing-name .lender-brand, .rate-alert-card .lender-brand, .rate-notification-card .lender-brand, .investor-comp-row .lender-brand, .funded-table .funded-cell-lender .lender-brand, .pipeline-table .pipeline-cell-lender .lender-brand, .pipeline-side-panel .detail .lender-brand, .preferred-investor-field .mini-pref-display-logo, .mini-control-pref-field .mini-pref-display-logo) :is(.lender-logo-newrez,.lender-logo-nexbank,.lender-logo-pennymac,.lender-logo-pennymacfinancialservices,.lender-logo-pennymactpo) { filter: brightness(2.1) saturate(1.12) contrast(1.1) !important; } html[data-theme="dark"] body :is(.mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner, .investor-pricing-name .lender-brand, .rate-alert-card .lender-brand, .rate-notification-card .lender-brand, .investor-comp-row .lender-brand, .funded-table .funded-cell-lender .lender-brand, .pipeline-table .pipeline-cell-lender .lender-brand, .pipeline-side-panel .detail .lender-brand, .preferred-investor-field .mini-pref-display-logo, .mini-control-pref-field .mini-pref-display-logo) :is(.lender-logo-unionhome,.lender-logo-unionhomemortgage,.lender-logo-sierra,.lender-logo-sierrapacific,.lender-logo-sierrapacificmortgage) { filter: brightness(2.25) saturate(1.3) contrast(1.1) !important; } html[data-theme="dark"] body :is(.mini-rate-snapshot-frame[open] .mini-price-logo .lender-brand.mini-banner, .investor-pricing-name .lender-brand, .rate-alert-card .lender-brand, .rate-notification-card .lender-brand, .investor-comp-row .lender-brand, .funded-table .funded-cell-lender .lender-brand, .pipeline-table .pipeline-cell-lender .lender-brand, .pipeline-side-panel .detail .lender-brand, .preferred-investor-field .mini-pref-display-logo, .mini-control-pref-field .mini-pref-display-logo) :is(.lender-logo-rocket,.lender-logo-rocketpro,.lender-logo-rocketprotpo,.lender-logo-springeq,.lender-logo-springequity,.lender-logo-lu,.lender-logo-loanunited,.lender-logo-loanunitedwholesale,.lender-logo-homeexpress,.lender-logo-homexpress,.lender-logo-homex) { filter: brightness(1.08) saturate(1.08) contrast(1.1) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-token { background: linear-gradient(145deg, color-mix(in srgb, #fff 16%, var(--lead-dark-card-raised)), color-mix(in srgb, var(--auto-mood-c, var(--accent)) 10%, var(--lead-dark-field))) !important; background-color: color-mix(in srgb, #fff 12%, var(--lead-dark-card-raised)) !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 42%, #d8e6f2) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 2px 8px rgba(0,0,0,.34) !important; filter: none !important; opacity: 1 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-token .lender-brand.chip { background: color-mix(in srgb, #fff 10%, var(--lead-dark-card-raised)) !important; background-color: color-mix(in srgb, #fff 10%, var(--lead-dark-card-raised)) !important; border: 1px solid color-mix(in srgb, #fff 22%, var(--lead-dark-border)) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important; opacity: 1 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-token .lender-logo { filter: brightness(1.24) saturate(1.42) contrast(1.16) drop-shadow(0 0 1px rgba(255,255,255,.72)) drop-shadow(0 1px 5px rgba(0,0,0,.42)) !important; opacity: 1 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-token :is(.lender-logo-figure,.lender-logo-figurelending,.lender-logo-westcap,.lender-logo-westcappricinggrid,.lender-logo-westcapital,.lender-logo-westcapitallending,.lender-logo-wcl,.lender-logo-wp).lender-logo-mark { filter: brightness(1.38) saturate(1.8) contrast(1.18) drop-shadow(0 0 2px rgba(125,112,255,.72)) drop-shadow(0 1px 5px rgba(0,0,0,.44)) !important; opacity: 1 !important; } html[data-theme="dark"] body .lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .quote-selection-token:has(.lender-logo-mark), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-token .lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .pricing-preset-lender-cycle .lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .mini-rate-row-lender-chip .lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .mini-collapsed-option-chip .lender-brand.chip:has(.lender-logo-mark) { background: linear-gradient(145deg, color-mix(in srgb, #f8fbff 10%, var(--lead-dark-card-raised)), color-mix(in srgb, #000 8%, var(--lead-dark-field))) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, #d8e6f2 34%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 2px 5px rgba(0,0,0,.3) !important; filter: none !important; opacity: 1 !important; } html[data-theme="dark"] body .lender-brand.chip:has(.lender-logo-mark) .lender-logo-mark, html[data-theme="dark"] body .quote-selection-token:has(.lender-logo-mark) .lender-logo-mark, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-token .lender-logo-mark, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip .lender-logo-mark, html[data-theme="dark"] body .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip .lender-logo-mark, html[data-theme="dark"] body .pricing-preset-lender-cycle .lender-brand.chip .lender-logo-mark, html[data-theme="dark"] body .mini-rate-row-lender-chip .lender-brand.chip .lender-logo-mark, html[data-theme="dark"] body .mini-collapsed-option-chip .lender-brand.chip .lender-logo-mark { filter: brightness(1.08) saturate(1.08) contrast(1.12) drop-shadow(0 1px 2px rgba(0,0,0,.34)) !important; opacity: 1 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab.is-selected .quote-selection-number-tab { background: #f8fbff !important; background-color: #f8fbff !important; border-color: color-mix(in srgb, var(--auto-mood-c, var(--accent)) 50%, #d8e6f2) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 2px 7px rgba(0,0,0,.26) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-option-toggle:is(.mini-control-option-toggle-1,.mini-control-option-toggle-2,.mini-control-option-toggle-3) span { color: #f8fbff !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .pricing-preset-option-toggle, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .pricing-preset-option-toggle span { color: #fff !important; opacity: 1 !important; text-shadow: 0 1px 1px rgba(0,0,0,.28) !important; } html[data-theme="dark"] body .lead-scenario-fields[open] .lead-scenario-body > label, html[data-theme="dark"] body .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label, html[data-theme="dark"] body .lead-top-collapsible-card.editor-property[open] .editor-section-body label, html[data-theme="dark"] body .lead-inline-detail-stack .lead-top-collapsible-card.editor-property[open] .editor-section-body label, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card.editor-property[open] .editor-section-body label { color: #b9d7f2 !important; font-weight: 560 !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-editor-grid :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 28%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-editor-grid :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-editor-grid :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .lead-editor-grid :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child:hover, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-within) > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child:hover { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-roll-loan-toggle,.mini-formal-loan-toggle,.mini-roll-side-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled) { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 30%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 7px rgba(0,0,0,.24) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-roll-loan-toggle,.mini-formal-loan-toggle,.mini-roll-side-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible) { background: color-mix(in srgb, var(--accent) 13%, var(--lead-dark-card-raised)) !important; background-color: color-mix(in srgb, var(--accent) 13%, var(--lead-dark-card-raised)) !important; border-color: color-mix(in srgb, var(--accent) 52%, var(--lead-dark-border)) !important; color: #f8fbff !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe) .lead-panel-piggyback-ratio-mini { background: color-mix(in srgb, #22c55e 11%, var(--lead-dark-card)) !important; background-color: color-mix(in srgb, #22c55e 11%, var(--lead-dark-card)) !important; border-color: color-mix(in srgb, #22c55e 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution) .lead-panel-piggyback-ratio-mini { background: color-mix(in srgb, #fbbf24 12%, var(--lead-dark-card)) !important; background-color: color-mix(in srgb, #fbbf24 12%, var(--lead-dark-card)) !important; border-color: color-mix(in srgb, #fbbf24 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert) .lead-panel-piggyback-ratio-mini { background: color-mix(in srgb, #fb7185 12%, var(--lead-dark-card)) !important; background-color: color-mix(in srgb, #fb7185 12%, var(--lead-dark-card)) !important; border-color: color-mix(in srgb, #fb7185 60%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe) > span, html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe) .lead-panel-piggyback-ratio-mini > span { color: #5ff0a0 !important; font-weight: 650 !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution) > span, html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution) .lead-panel-piggyback-ratio-mini > span { color: #fbbf24 !important; font-weight: 650 !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert) > span, html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert) .lead-panel-piggyback-ratio-mini > span { color: #fb7185 !important; font-weight: 650 !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe) input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-safe input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-safe input:not(:focus) { background: color-mix(in srgb, #22c55e 17%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, #22c55e 17%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, #22c55e 64%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 0 0 1px rgba(34,197,94,.18) !important; color: #5ff0a0 !important; font-weight: 650 !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution) input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-caution input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-caution input:not(:focus) { background: color-mix(in srgb, #fbbf24 18%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, #fbbf24 18%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, #fbbf24 64%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 0 0 1px rgba(251,191,36,.18) !important; color: #ffd36c !important; font-weight: 650 !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-alert input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-alert input:not(:focus) { background: color-mix(in srgb, #fb7185 18%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, #fb7185 18%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, #fb7185 66%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 0 0 1px rgba(251,113,133,.2) !important; color: #ff9aa8 !important; font-weight: 650 !important; } @media (min-width: 981px) { .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) { position: relative !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar { grid-template-columns: minmax(260px,337px) minmax(124px,max-content) max-content max-content minmax(0,1fr) !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .view-setup-shortcut { grid-column: auto !important; grid-row: auto !important; justify-self: auto !important; min-width: 92px !important; position: absolute !important; right: 24px !important; top: 68px !important; width: 92px !important; } } html[data-theme="dark"] body .rate-sheet-panel .rate-alert-list.internal-rate-list { gap: 7px !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; margin-top: 8px !important; } html[data-theme="dark"] body .rate-sheet-panel .rate-alert-list.internal-rate-list .rate-alert-card { align-content: center !important; gap: 4px !important; min-height: 92px !important; padding: 9px 10px !important; } html[data-theme="dark"] body .rate-sheet-panel .rate-alert-list.internal-rate-list .rate-alert-card .lender-brand.compact { min-height: 28px !important; } html[data-theme="dark"] body .rate-sheet-panel .rate-alert-list.internal-rate-list .rate-alert-card .lender-brand.compact .lender-logo { height: 28px !important; max-width: 156px !important; } html[data-theme="dark"] body .rate-sheet-panel .rate-alert-list.internal-rate-list .rate-alert-card p { font-size: 13px !important; line-height: 1.18 !important; } html[data-theme="dark"] body .rate-sheet-panel .rate-alert-list.internal-rate-list .rate-alert-actions .btn { min-height: 28px !important; padding: 5px 8px !important; } html[data-theme="dark"] body .rate-sheet-panel .rate-sheet-outlook-row { align-items: end !important; grid-template-columns: minmax(150px,.34fr) minmax(220px,1fr) max-content !important; } html[data-theme="dark"] body .lead-quick-popover-mismo { width: min(var(--lead-quick-popover-width, 340px), calc(100dvw - 20px)) !important; } html[data-theme="dark"] body .lead-quick-popover-mismo .mismo-launcher-panel { background: transparent !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .lead-quick-popover-mismo .mismo-launcher-actions { gap: 7px !important; } html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn::before, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn::before { border: solid var(--accent); border-width: 0 1.8px 1.8px 0; content: ""; height: 12px; left: 50%; opacity: .9; position: absolute; top: 9px; transform: translateX(-50%) rotate(-135deg) scaleX(1.72); transform-origin: center; width: 12px; } html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn::after, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn::after { border: solid var(--accent); border-width: 0 1.8px 1.8px 0; bottom: 9px; content: ""; height: 12px; left: 50%; opacity: .9; position: absolute; transform: translateX(-50%) rotate(45deg) scaleX(1.72); transform-origin: center; width: 12px; } html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn:disabled::before, html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn:disabled::after, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail)[data-can-expand="false"] .lead-rail-name-btn::before { border-color: color-mix(in srgb, var(--accent) 36%, var(--lead-dark-muted)) !important; opacity: .32; } html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn { min-height: 118px; position: relative; } html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn strong { display: block; padding-block: 18px; padding-inline: 0; transform: translateX(3px); } html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail)[data-can-expand="false"] .lead-rail-name-btn { cursor: default; } @media (max-width: 1180px), (pointer: coarse) { html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn::before, html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn::after, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn::before, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn::after { content: none !important; display: none !important; } } html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-safe,.scenario-fico-safe) { background: color-mix(in srgb, #22c55e 12%, var(--lead-dark-card-raised)) !important; background-color: color-mix(in srgb, #22c55e 12%, var(--lead-dark-card-raised)) !important; border-color: color-mix(in srgb, #22c55e 58%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(34,197,94,.16) !important; color: #5ff0a0 !important; } html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-caution,.scenario-fico-caution) { background: color-mix(in srgb, #fbbf24 13%, var(--lead-dark-card-raised)) !important; background-color: color-mix(in srgb, #fbbf24 13%, var(--lead-dark-card-raised)) !important; border-color: color-mix(in srgb, #fbbf24 58%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(251,191,36,.16) !important; color: #ffd36c !important; } html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-alert,.scenario-fico-alert) { background: color-mix(in srgb, #fb7185 13%, var(--lead-dark-card-raised)) !important; background-color: color-mix(in srgb, #fb7185 13%, var(--lead-dark-card-raised)) !important; border-color: color-mix(in srgb, #fb7185 60%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(251,113,133,.18) !important; color: #ff9aa8 !important; } html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) small, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) strong { color: currentColor !important; font-weight: 650 !important; } html[data-theme="dark"] body .lead-table-action.compact { background: color-mix(in srgb, var(--lead-dark-card-raised) 86%, #07111b) !important; border: 1px solid color-mix(in srgb, var(--lead-dark-border) 76%, transparent) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(0,0,0,.18) !important; } html[data-theme="dark"] body .lead-table-action.compact.outlook { color: #42b8ff !important; border-color: color-mix(in srgb, #42b8ff 44%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .lead-table-action.compact.sms { color: #2e8fff !important; border-color: color-mix(in srgb, #2e8fff 44%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .lead-table-action.compact.bonzo { color: #f233a6 !important; border-color: color-mix(in srgb, #f233a6 46%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .lead-table-action.compact .bonzo-mark { background: color-mix(in srgb, #f233a6 12%, var(--lead-dark-field)) !important; border: 1px solid color-mix(in srgb, #f233a6 50%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .lead-table-action.compact:is(.outlook,.sms) svg { color: currentColor !important; filter: none !important; stroke: currentColor !important; } html[data-theme="dark"] body .filter-section:not(.is-open) > .setup-section-toggle .control-framed-label, html[data-theme="dark"] body .filter-section:not(.is-open) > .setup-section-toggle .control-framed-label * { color: #101820 !important; text-shadow: none !important; } html[data-theme="dark"] body .filter-section.is-open > .setup-section-toggle .control-framed-label { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 34%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .filter-section.is-open > .setup-section-toggle .control-framed-label::before { background: var(--label-tab-accent) !important; } html[data-theme="dark"] body .filter-section .column-toggle { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .filter-section .column-toggle.is-visible { background: color-mix(in srgb, var(--accent) 15%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, var(--accent) 15%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, var(--accent) 58%, var(--lead-dark-border)) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .filter-section .column-toggle:not(.is-visible) { background: var(--lead-dark-field-muted) !important; background-color: var(--lead-dark-field-muted) !important; border-color: color-mix(in srgb, var(--lead-dark-border) 82%, transparent) !important; color: color-mix(in srgb, var(--lead-dark-text) 82%, var(--lead-dark-muted)) !important; } html[data-theme="dark"] body .filter-section .column-toggle .column-toggle-button, html[data-theme="dark"] body .filter-section .column-toggle .column-chip-label { color: inherit !important; } /* Pipeline collapsed rail: use a compact centered Milestone tab instead of the generic status icon stack. */ .pipeline-side-rail .pipeline-rail-chip-stack .pipeline-rail-milestone-chip.pipeline-rail-milestone-chip { align-items: center !important; display: inline-flex !important; grid-template-columns: none !important; grid-template-rows: none !important; justify-content: center !important; justify-items: center !important; min-height: 28px !important; width: 64px !important; } .pipeline-side-rail .pipeline-rail-chip-stack .pipeline-rail-milestone-chip.pipeline-rail-milestone-chip > svg { display: none !important; } .pipeline-side-rail .pipeline-rail-chip-stack .pipeline-rail-milestone-chip.pipeline-rail-milestone-chip > span { align-self: center !important; display: inline-block !important; font-size: 10px !important; grid-column: auto !important; grid-row: auto !important; justify-self: center !important; line-height: 1 !important; } html[data-theme="dark"] body :is(.mini-rate-snapshot-frame.is-first[open],.mini-rate-snapshot-frame.is-second[open]) > .mini-rate-snapshot-head > span:first-child { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 34%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; } /* Leads header action lane: Quote Update stays with the status buttons, View Setup parks right. */ .header-lead-toolbar .view-setup-shortcut { white-space: nowrap; } @media (min-width: 1281px) { .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .app-header-main { align-items: stretch !important; column-gap: 18px !important; display: grid !important; grid-template-columns: max-content minmax(0,1fr) !important; grid-template-rows: 42px 42px !important; row-gap: 8px !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .app-header-main h1 { align-self: center !important; grid-column: 1 !important; grid-row: 1 !important; margin: 0 !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .view-tools { align-items: stretch !important; grid-column: 2 !important; grid-row: 1 / span 2 !important; transform: none !important; width: 100% !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar { align-items: stretch !important; grid-auto-rows: 42px !important; grid-template-columns: minmax(260px,337px) minmax(124px,max-content) max-content max-content minmax(0,1fr) max-content !important; grid-template-rows: 42px 42px !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-search-input { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .saved-view-select { grid-column: 1 !important; grid-row: 2 !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-import-shortcut { grid-column: 2 !important; grid-row: 2 !important; justify-self: stretch !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .quote-ready-shortcut { grid-column: 3 !important; grid-row: 2 !important; justify-self: start !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .quote-update-shortcut { grid-column: 4 !important; grid-row: 2 !important; justify-self: start !important; min-width: 124px; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .view-setup-shortcut { grid-column: 6 !important; grid-row: 2 !important; justify-self: end !important; min-width: 132px; } } @media (max-width: 1280px) { .header-lead-toolbar .quote-update-shortcut { grid-column: 1 / 3 !important; grid-row: 4 !important; } .header-lead-toolbar .view-setup-shortcut { grid-column: 3 / 5 !important; grid-row: 4 !important; } } @media (max-width: 700px) { .header-lead-toolbar .quote-update-shortcut { grid-column: 1 !important; grid-row: 4 !important; } .header-lead-toolbar .view-setup-shortcut { grid-column: 2 !important; grid-row: 4 !important; } } /* Leads header final layout: title/search on row one, saved view/actions on row two. */ @media (min-width: 981px) { .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) { padding-bottom: 14px !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .app-header-main { align-items: stretch !important; column-gap: 18px !important; display: grid !important; grid-template-columns: max-content minmax(0,1fr) !important; grid-template-rows: 42px 42px !important; row-gap: 8px !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .app-header-main h1 { align-self: center !important; grid-column: 1 !important; grid-row: 1 !important; margin: 0 !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .view-tools { align-items: stretch !important; grid-column: 2 !important; grid-row: 1 / span 2 !important; transform: none !important; width: 100% !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar { align-items: stretch !important; display: grid !important; gap: 8px 10px !important; grid-auto-rows: 42px !important; grid-template-columns: minmax(260px,337px) minmax(124px,max-content) max-content max-content minmax(0,1fr) max-content !important; grid-template-rows: 42px 42px !important; justify-content: stretch !important; width: 100% !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-search-input { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .saved-view-select { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-import-shortcut { grid-column: 2 !important; grid-row: 2 !important; justify-self: stretch !important; min-width: 124px !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .quote-ready-shortcut { grid-column: 3 !important; grid-row: 2 !important; justify-self: start !important; min-width: 126px !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .quote-update-shortcut { grid-column: 4 !important; grid-row: 2 !important; justify-self: start !important; min-width: 124px !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .view-setup-shortcut { grid-column: 6 !important; grid-row: 2 !important; justify-self: end !important; min-width: 132px !important; } } /* Funded header final layout: match Leads title/search row and tighter action row spacing. */ @media (min-width: 981px) { .app-header:has(.funded-header-toolbar) { padding-bottom: 14px !important; } .app-header:has(.funded-header-toolbar) .app-header-main { align-items: stretch !important; column-gap: 18px !important; display: grid !important; grid-template-columns: max-content minmax(0,1fr) !important; grid-template-rows: 42px 42px !important; row-gap: 8px !important; } .app-header:has(.funded-header-toolbar) .app-header-main h1 { align-self: center !important; grid-column: 1 !important; grid-row: 1 !important; margin: 0 !important; } .app-header:has(.funded-header-toolbar) .view-tools { align-items: stretch !important; grid-column: 2 !important; grid-row: 1 / span 2 !important; transform: none !important; width: 100% !important; } .app-header:has(.funded-header-toolbar) .funded-header-toolbar { align-items: stretch !important; display: grid !important; gap: 8px 12px !important; grid-auto-rows: 42px !important; grid-template-columns: minmax(260px,337px) max-content max-content max-content max-content minmax(0,1fr) !important; grid-template-rows: 42px 42px !important; justify-content: stretch !important; width: 100% !important; } .app-header:has(.funded-header-toolbar) .funded-header-toolbar .lead-search-input { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; } .app-header:has(.funded-header-toolbar) .funded-header-toolbar .saved-view-select { grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; } .app-header:has(.funded-header-toolbar) .funded-header-toolbar [data-action="funded-expand-selected"] { grid-column: 2 !important; grid-row: 2 !important; justify-self: start !important; min-width: 132px !important; } .app-header:has(.funded-header-toolbar) .funded-header-toolbar [data-action="open-funded-mismo"] { grid-column: 3 !important; grid-row: 2 !important; justify-self: start !important; min-width: 156px !important; } .app-header:has(.funded-header-toolbar) .funded-header-toolbar [data-action="toggle-funded-comp"] { grid-column: 4 !important; grid-row: 2 !important; justify-self: start !important; min-width: 132px !important; } .app-header:has(.funded-header-toolbar) .funded-header-toolbar [data-action="toggle-funded-view"] { grid-column: 5 !important; grid-row: 2 !important; justify-self: start !important; min-width: 132px !important; } } /* Pipeline milestone dark-mode pass: clearer stage lanes without the old washed-out fills. */ html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice { background: color-mix(in srgb, var(--lead-dark-card-raised) 86%, #0b1320) !important; background-color: color-mix(in srgb, var(--lead-dark-card-raised) 86%, #0b1320) !important; border-color: color-mix(in srgb, var(--lead-dark-border) 86%, transparent) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice span { color: var(--lead-dark-text) !important; font-weight: 800 !important; text-shadow: none !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice:has(input[value="Locked!"]), html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice:has(input[value="Appraisal Ord"]), html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice:has(input[value="Sub to UW"]) { background: color-mix(in srgb, var(--accent) 22%, var(--lead-dark-card-raised)) !important; background-color: color-mix(in srgb, var(--accent) 22%, var(--lead-dark-card-raised)) !important; border-color: color-mix(in srgb, var(--accent) 45%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice:has(input[value="Clear to Close"]), html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice:has(input[value="Funded"]) { background: color-mix(in srgb, var(--green) 22%, var(--lead-dark-card-raised)) !important; background-color: color-mix(in srgb, var(--green) 22%, var(--lead-dark-card-raised)) !important; border-color: color-mix(in srgb, var(--green) 45%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-status-grid .status-choice.is-selected { background: color-mix(in srgb, var(--accent) 31%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, var(--accent) 31%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, var(--accent) 84%, var(--lead-dark-border)) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 44%, transparent), 0 0 0 1px rgba(0,0,0,.2) !important; } html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .mini-rate-snapshot-frame[open] .mini-snapshot-side-controls > .mini-lpc-comp.mini-summary-comp .mini-comp-values > strong { color: #edf5fb !important; font-family: inherit !important; font-size: 15.5px !important; font-weight: 950 !important; line-height: 1.02 !important; opacity: 1 !important; text-align: center !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp.bpc,.mini-second-lpc-comp.bpc,.mini-lpc-comp.corr,.mini-second-lpc-comp.corr).mini-summary-comp .mini-comp-values > b { color: #71cdfb !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-pricing-section-shell,.mini-cockpit-detail-stack) > .quote-breakdown-section > summary > span { color: #b9d7f2 !important; font-size: 10px !important; font-weight: 760 !important; letter-spacing: .02em !important; line-height: 1 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet .selected-rate-row td { background: color-mix(in srgb, var(--accent) 9%, transparent) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--accent) 52%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--accent) 52%, transparent) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet .selected-rate-row td:first-child { box-shadow: inset 1px 0 0 color-mix(in srgb, var(--accent) 58%, transparent), inset 0 1px 0 color-mix(in srgb, var(--accent) 52%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--accent) 52%, transparent) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .compact-rate-sheet .selected-rate-row td:last-child { box-shadow: inset -1px 0 0 color-mix(in srgb, var(--accent) 58%, transparent), inset 0 1px 0 color-mix(in srgb, var(--accent) 52%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--accent) 52%, transparent) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-price-logo .mini-rate-timestamp-tooltip { background: color-mix(in srgb, var(--lead-dark-card-raised) 92%, #07111b) !important; border-color: color-mix(in srgb, var(--accent) 40%, var(--lead-dark-border)) !important; box-shadow: 0 12px 26px rgba(0,0,0,.34) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .lead-editor-grid :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label, html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="false"], html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary .control-framed-label { background: var(--lead-dark-card-raised) !important; background-color: var(--lead-dark-card-raised) !important; border-color: color-mix(in srgb, var(--accent) 28%, var(--lead-dark-border)) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-editor-grid :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-editor-grid :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row :is(.editor-section,.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-within) > span:first-child, html[data-theme="dark"] body .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label, html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary:is(:hover,:focus-visible) .control-framed-label, html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="true"], html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="false"]:is(:hover,:focus-visible), html[data-theme="dark"] body .calculators-page .calculator-collapsible-section[open] > .calculator-collapsible-summary .control-framed-label, html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary:is(:hover,:focus-visible) .control-framed-label { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-scenario-fields > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-frame .pricing-presets-drawer > .pricing-presets-summary .pricing-presets-title { background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-scenario-fields > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-scenario-fields > .editor-section-summary > span:first-child:hover, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head:is(:hover,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head > span:first-child:hover, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-frame .pricing-presets-drawer > .pricing-presets-summary:is(:hover,:focus-visible) .pricing-presets-title, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-frame .pricing-presets-drawer > .pricing-presets-summary .pricing-presets-title:hover { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } .mini-price-logo .mini-rate-timestamp-tooltip { left: -18px !important; min-width: max-content !important; right: auto !important; top: calc(100% + 5px) !important; transform: translate(0, -2px) !important; } .mini-price-logo:hover .mini-rate-timestamp-tooltip, .mini-price-logo:focus-within .mini-rate-timestamp-tooltip { transform: translate(0, 0) !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe) .lead-panel-piggyback-ratio-mini, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-safe,.scenario-fico-safe) { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: color-mix(in srgb, #22c55e 68%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(34,197,94,.12) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution) .lead-panel-piggyback-ratio-mini, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-caution,.scenario-fico-caution) { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: color-mix(in srgb, #fbbf24 68%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(251,191,36,.12) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert) .lead-panel-piggyback-ratio-mini, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-alert,.scenario-fico-alert) { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: color-mix(in srgb, #fb7185 70%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(251,113,133,.14) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) > span, html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) .lead-panel-piggyback-ratio-mini > span, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) :is(small,strong) { color: var(--lead-dark-text) !important; font-weight: 650 !important; text-shadow: none !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe) input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-safe input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-safe input:not(:focus) { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, #22c55e 70%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(34,197,94,.13) !important; color: var(--lead-dark-text) !important; font-weight: 650 !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution) input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-caution input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-caution input:not(:focus) { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, #fbbf24 70%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(251,191,36,.13) !important; color: var(--lead-dark-text) !important; font-weight: 650 !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-alert input:not(:focus), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-alert input:not(:focus) { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, #fb7185 72%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(251,113,133,.15) !important; color: var(--lead-dark-text) !important; font-weight: 650 !important; } html[data-theme="dark"] body .selected-lead-panel .selected-lead-head, html[data-theme="dark"] body .selected-lead-panel .selected-lead-topline { background: transparent !important; background-color: transparent !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert), html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) .lead-panel-piggyback-ratio-mini, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) :is(span,strong,small), html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-scenario-chip:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) :is(span,strong,small) { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn::before, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn::before { border: solid var(--accent) !important; border-width: 0 2px 2px 0 !important; content: "" !important; display: block !important; height: 11px !important; left: 9px !important; opacity: .95 !important; position: absolute !important; top: 50% !important; transform: translateY(-50%) rotate(135deg) scaleY(1.18) !important; transform-origin: center !important; width: 11px !important; } html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn::after, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn::after { content: none !important; display: none !important; } html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn strong { padding-block: 8px !important; transform: translateX(5px) !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-rate-snapshot-frame > .mini-rate-snapshot-head > span:first-child { background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields > .editor-section-summary > span:first-child:hover, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-rate-snapshot-frame > .mini-rate-snapshot-head:is(:hover,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-rate-snapshot-frame > .mini-rate-snapshot-head > span:first-child:hover { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } @media (min-width: 1181px) and (pointer: fine) { html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail), html[data-theme="dark"] body .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail), html[data-theme="dark"] body .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) { padding-left: 7px !important; padding-right: 7px !important; scrollbar-width: none !important; -ms-overflow-style: none !important; width: 80px !important; } html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail)::-webkit-scrollbar, html[data-theme="dark"] body .workspace.calculators-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail)::-webkit-scrollbar, html[data-theme="dark"] body .workspace.quote-preview-shell-workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail)::-webkit-scrollbar { display: none !important; height: 0 !important; width: 0 !important; } } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card .status-choice, html[data-theme="dark"] body .lead-quick-popover .lead-panel-status-body .status-choice { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--lead-dark-border) 84%, transparent) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card .status-choice span, html[data-theme="dark"] body .lead-quick-popover .lead-panel-status-body .status-choice span { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card .status-choice:is(.hot,.needs-review,.seasoning,.long-term), html[data-theme="dark"] body .lead-quick-popover .lead-panel-status-body .status-choice:is(.hot,.needs-review,.seasoning,.long-term) { border-color: color-mix(in srgb, var(--brand-gold) 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card .status-choice:is(.quote-ready,.sent,.working,.blue,.app-taken), html[data-theme="dark"] body .lead-quick-popover .lead-panel-status-body .status-choice:is(.quote-ready,.sent,.working,.blue,.app-taken) { border-color: color-mix(in srgb, var(--accent) 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card .status-choice:is(.appointment,.follow-up,.green), html[data-theme="dark"] body .lead-quick-popover .lead-panel-status-body .status-choice:is(.appointment,.follow-up,.green) { border-color: color-mix(in srgb, #22c55e 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card .status-choice:is(.opt-out-text,.credit-repair,.not-interested,.not-qualified,.not-eligible), html[data-theme="dark"] body .lead-quick-popover .lead-panel-status-body .status-choice:is(.opt-out-text,.credit-repair,.not-interested,.not-qualified,.not-eligible) { border-color: color-mix(in srgb, #c4b5fd 50%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card .status-choice.is-selected, html[data-theme="dark"] body .lead-quick-popover .lead-panel-status-body .status-choice.is-selected { background: color-mix(in srgb, var(--accent) 16%, var(--lead-dark-field)) !important; background-color: color-mix(in srgb, var(--accent) 16%, var(--lead-dark-field)) !important; border-color: color-mix(in srgb, var(--accent) 72%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(56,189,248,.16) !important; } html[data-theme="dark"] body { --lead-pane-caption-color: #b9d7f2; } html[data-theme="dark"] body .selected-lead-panel .detail-grid .quick-detail > span, html[data-theme="dark"] body .selected-lead-panel .detail-grid .lead-panel-piggyback-split-labels span, html[data-theme="dark"] body .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-mini > span, html[data-theme="dark"] body .lead-scenario-fields[open] .lead-scenario-body > label, html[data-theme="dark"] body .lead-scenario-fields[open] .lead-scenario-body .scenario-field-ratio-pair > label, html[data-theme="dark"] body .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle span, html[data-theme="dark"] body .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label, html[data-theme="dark"] body .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body .scenario-field-ratio-pair > label, html[data-theme="dark"] body .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle span, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body .scenario-field-ratio-pair > label, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle span { color: var(--lead-pane-caption-color) !important; font-weight: 560 !important; text-shadow: none !important; } .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle:is(.is-on,:has(input[type="checkbox"]:checked)), .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle:is(.is-on,:has(input[type="checkbox"]:checked)) span, html[data-theme="dark"] body .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle:is(.is-on,:has(input[type="checkbox"]:checked)), html[data-theme="dark"] body .lead-scenario-fields[open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle:is(.is-on,:has(input[type="checkbox"]:checked)) span { color: #fff !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card:not([open]) > .editor-section-summary > span:first-child { min-height: 29px !important; padding: 6px 8px 6px 8px !important; gap: 6px !important; font-size: 13px !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card:not([open]) > .editor-section-summary > span:first-child::before { height: 16px !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card:not([open]) .lead-panel-status-pill { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--accent) 58%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card:not([open]) .lead-panel-status-pill:is(.hot,.needs-review,.seasoning,.long-term) { border-color: color-mix(in srgb, var(--brand-gold) 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card:not([open]) .lead-panel-status-pill:is(.quote-ready,.sent,.working,.blue,.app-taken) { border-color: color-mix(in srgb, var(--accent) 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card:not([open]) .lead-panel-status-pill:is(.appointment,.follow-up,.green) { border-color: color-mix(in srgb, #22c55e 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card:not([open]) .lead-panel-status-pill:is(.opt-out-text,.credit-repair,.not-interested,.not-qualified,.not-eligible) { border-color: color-mix(in srgb, #c4b5fd 50%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-status-card:not([open]) .lead-panel-status-pill span { color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child { background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .quote-preview-toolbar { background: #111820 !important; background-color: #111820 !important; border-color: #3a4653 !important; box-shadow: none !important; } html[data-theme="dark"] body .quote-preview-segment { background: transparent !important; background-color: transparent !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips:not(.is-auto-mode):not([class*="deterministic-auto-mood-"]), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips:not(.is-auto-mode):not([class*="deterministic-auto-mood-"]), html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips:not(.is-auto-mode):not([class*="deterministic-auto-mood-"]), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > .mini-collapsed-option-chips:not(.is-auto-mode):not([class*="deterministic-auto-mood-"]) { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, #fff 22%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 6px rgba(0,0,0,.24) !important; } html[data-theme="dark"] body .selected-lead-panel .detail-grid > .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-color: var(--lead-dark-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-theme="dark"] body .lead-scenario-fields[open] .lead-scenario-body > label.scenario-field-error input, html[data-theme="dark"] body .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label.scenario-field-error input, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label.scenario-field-error input, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-scenario-fields[open] .lead-scenario-body > label.scenario-field-error input, html[data-theme="dark"] body .lead-scenario-fields[open] .lead-scenario-body > label input[aria-invalid="true"], html[data-theme="dark"] body .lead-inline-detail-stack .lead-scenario-fields[open] .lead-scenario-body > label input[aria-invalid="true"], html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] .lead-scenario-body > label input[aria-invalid="true"], html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-scenario-fields[open] .lead-scenario-body > label input[aria-invalid="true"] { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, #fb7185 74%, var(--lead-dark-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(251,113,133,.16) !important; color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child { position: relative !important; top: -2px !important; } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-fact.is-missing), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-fact.is-missing), .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-fact.is-missing), .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-fact.is-missing) { min-height: calc((var(--lead-card-header-pill-height) * 2) + 11px) !important; row-gap: 10px !important; } .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-facts:has(.scenario-collapsed-fact.is-missing), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-facts:has(.scenario-collapsed-fact.is-missing), .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-scenario-fields:not([open]) .scenario-collapsed-facts:has(.scenario-collapsed-fact.is-missing), .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-facts:has(.scenario-collapsed-fact.is-missing) { position: relative !important; top: 2px !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, html[data-theme="dark"] body .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--lead-dark-border) 88%, var(--accent)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; gap: 0 !important; text-shadow: none !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child::before, html[data-theme="dark"] body .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child::before { content: none !important; display: none !important; } html[data-theme="dark"] body .lead-scenario-fields[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-scenario-fields[open] > .editor-section-summary > span:first-child { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child { background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-within) > span:first-child { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child { position: relative !important; top: -2px !important; } .lead-scenario-fields:not([open]) .scenario-collapsed-fact.is-missing > span, .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.is-missing > span, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.is-missing > span, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-fact.is-missing > span { position: relative !important; top: 2px !important; } /* Dark-mode lead editor tabs follow the Property tab interaction: dark when collapsed, light on hover/open. */ html[data-theme="dark"] body .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title { background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child:hover, html[data-theme="dark"] body .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child:hover, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary:is(:hover,:focus-visible,:focus-within) .pricing-presets-title, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title:hover { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-table td.lead-col-status .status { background: var(--lead-dark-field) !important; background-color: var(--lead-dark-field) !important; border-color: color-mix(in srgb, var(--lead-dark-border) 86%, transparent) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: var(--lead-dark-text) !important; font-size: 12px !important; font-weight: 500 !important; min-height: 25px !important; min-width: 62px !important; padding: 5px 10px !important; text-shadow: none !important; width: auto !important; } html[data-theme="dark"] body .lead-table td.lead-col-status .status:is(.hot,.needs-review,.seasoning,.long-term) { border-color: color-mix(in srgb, var(--brand-gold) 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .lead-table td.lead-col-status .status:is(.quote-ready,.sent,.working,.blue,.app-taken) { border-color: color-mix(in srgb, var(--accent) 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .lead-table td.lead-col-status .status:is(.appointment,.follow-up,.green) { border-color: color-mix(in srgb, #22c55e 58%, var(--lead-dark-border)) !important; } html[data-theme="dark"] body .lead-table td.lead-col-status .status:is(.opt-out-text,.credit-repair,.not-interested,.not-qualified,.not-eligible) { border-color: color-mix(in srgb, #c4b5fd 50%, var(--lead-dark-border)) !important; } @media (min-width: 981px) { .sidebar .brand { order: 1; } .sidebar-main-nav { margin-top: 100px; order: 2; } .sidebar-account-card { order: 3; } .sidebar:has(.sidebar-account-card:not([hidden])) .sidebar-account-card { margin: auto 0 14px; } .sidebar:has(.sidebar-account-card:not([hidden])) .sidebar-utility-nav { margin-top: 0; order: 4; } .sidebar:not(:has(.sidebar-account-card:not([hidden]))) .sidebar-utility-nav { margin-top: auto; } } /* Specificity guard for dark-mode lead editor tabs: collapsed is dark, hover/open is light. */ html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid.has-mortgage-compare .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child { background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid.has-mortgage-compare .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid.has-mortgage-compare .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } /* Final dark-mode lead tab behavior guard: collapsed rests dark; hover/open matches the light Property tab. */ html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title { background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary:is(:hover,:focus-visible,:focus-within) .pricing-presets-title, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary:is(:hover,:focus-visible,:focus-within) .pricing-presets-title { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title { background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary:is(:hover,:focus-visible,:focus-within) .pricing-presets-title { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } /* Pinned guard: the compact lead tabs rest dark after collapse, then flip light only on hover or when open. */ html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(:hover):not(:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:hover):not(:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(:hover):not(:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:hover):not(:focus-visible) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(:hover):not(:focus-visible) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(:hover):not(:focus-visible) > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary:not(:hover):not(:focus-visible) .pricing-presets-title, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary:not(:hover):not(:focus-visible) .pricing-presets-title { background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first[open] > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first[open] > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head.has-second-mortgage-actions > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:is(:hover,:focus-visible) > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary:is(:hover,:focus-visible) .pricing-presets-title, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open] .pricing-presets-drawer:not([open]) > .pricing-presets-summary:is(:hover,:focus-visible) .pricing-presets-title { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .sidebar .side-link.active { background: color-mix(in srgb, var(--lead-dark-card-raised, #1b2530) 78%, #06111c) !important; border: 2px solid color-mix(in srgb, var(--accent) 64%, var(--lead-dark-border, #304355)) !important; box-shadow: inset 0 0 0 1px rgba(139,214,255,.14), 0 0 0 1px rgba(92,183,232,.08) !important; box-sizing: border-box !important; color: var(--lead-dark-text, #edf5fb) !important; padding: 9px 8px !important; } html[data-theme="dark"] body .sidebar .side-link.active:hover, html[data-theme="dark"] body .sidebar .side-link.active:focus { background: color-mix(in srgb, var(--lead-dark-card-raised, #1b2530) 86%, var(--accent)) !important; border-color: color-mix(in srgb, var(--accent) 76%, #8bd6ff) !important; color: #fff !important; outline: 0 !important; } .mismo-launcher-panel.is-1003-open { display: grid !important; gap: 10px !important; grid-template-rows: max-content minmax(0,1fr) !important; min-height: 0 !important; overflow: hidden !important; } .mismo-launcher-panel.is-1003-open > .lead-tool-head, .mismo-launcher-panel.is-1003-open > .meta, .mismo-launcher-panel.is-1003-open > .mismo-status-strip, .mismo-launcher-panel.is-1003-open > .mismo-missing-chips, .mismo-launcher-panel.is-1003-open > .lead-tool-actions > .btn { display: none !important; } .mismo-launcher-panel.is-1003-open > .lead-tool-actions { display: grid !important; gap: 0 !important; grid-template-columns: minmax(0,1fr) !important; margin: 0 !important; min-height: 0 !important; } .mismo-launcher-panel.is-1003-open .launch-1003-row { grid-column: 1 / -1 !important; margin: 0 !important; } .mismo-launcher-panel.is-1003-open > .mismo-1003-form { margin-top: 0 !important; min-height: 0 !important; overflow: auto !important; } .lead-quick-popover-mismo:has(.mismo-launcher-panel.is-1003-open) { overflow: hidden !important; } .lead-quick-popover-mismo:has(.mismo-launcher-panel.is-1003-open) .mismo-launcher-panel.is-1003-open > .mismo-1003-form { max-height: calc(100dvh - var(--lead-quick-popover-top, 80px) - 92px) !important; } .selected-lead-panel:has(.mismo-launcher-panel.is-1003-open) .mismo-launcher-panel.is-1003-open > .mismo-1003-form { max-height: calc(100dvh - var(--lead-rail-floating-top, 18px) - 108px) !important; } html[data-theme="dark"] body .mismo-1003-form .mismo-1003-group:not([open]) > summary:not(:hover):not(:focus-visible) { background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.08) !important; color: var(--lead-dark-text) !important; text-shadow: none !important; } html[data-theme="dark"] body .mismo-1003-form .mismo-1003-group[open] > summary, html[data-theme="dark"] body .mismo-1003-form .mismo-1003-group:not([open]) > summary:is(:hover,:focus-visible) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } .mismo-manual-toggle.is-active, .mismo-manual-toggle[aria-pressed="true"] { background: color-mix(in srgb, var(--brand-gold) 12%, var(--paper)) !important; border-color: color-mix(in srgb, var(--brand-gold) 62%, var(--line)) !important; color: color-mix(in srgb, var(--brand-gold) 82%, var(--ink)) !important; } .mismo-1003-form.is-manual-mode { position: relative; } .mismo-manual-toolbar { align-items: center; background: color-mix(in srgb, var(--brand-gold) 7%, var(--paper)); border: 1px solid color-mix(in srgb, var(--brand-gold) 34%, var(--line)); border-radius: 8px; display: flex; gap: 8px; justify-content: space-between; margin: 0 0 8px; padding: 6px; position: sticky; top: 0; z-index: 3; } .mismo-manual-toolbar span { color: color-mix(in srgb, var(--brand-gold) 78%, var(--ink)); font-size: 12px; font-weight: 850; letter-spacing: .02em; text-transform: uppercase; } .mismo-manual-toolbar > div { display: inline-flex; gap: 6px; } .mismo-manual-import-btn { min-width: 74px; } html[data-theme="dark"] body .mismo-manual-toggle.is-active, html[data-theme="dark"] body .mismo-manual-toggle[aria-pressed="true"] { background: color-mix(in srgb, #fbbf24 14%, var(--lead-dark-card)) !important; border-color: color-mix(in srgb, #fbbf24 58%, var(--lead-dark-border)) !important; color: #ffd36b !important; } html[data-theme="dark"] body .mismo-manual-toolbar { background: color-mix(in srgb, #fbbf24 8%, var(--lead-dark-card)) !important; border-color: color-mix(in srgb, #fbbf24 34%, var(--lead-dark-border)) !important; box-shadow: 0 8px 18px rgba(0,0,0,.20); } html[data-theme="dark"] body .mismo-manual-toolbar span { color: #ffd36b !important; } @media (min-width: 981px) { .sidebar .brand { order: 1 !important; } .sidebar-account-card { margin: 0 0 16px !important; order: 2 !important; } .sidebar:has(.sidebar-account-card:not([hidden])) .sidebar-account-card { margin: 0 0 16px !important; } .sidebar-main-nav { margin-top: 14px !important; order: 3 !important; } .sidebar-utility-nav, .sidebar:has(.sidebar-account-card:not([hidden])) .sidebar-utility-nav, .sidebar:not(:has(.sidebar-account-card:not([hidden]))) .sidebar-utility-nav { margin-top: auto !important; order: 4 !important; } .sidebar-legal-links, .sidebar:has(.sidebar-account-card:not([hidden])) .sidebar-legal-links, .sidebar:not(:has(.sidebar-account-card:not([hidden]))) .sidebar-legal-links { margin-top: 8px !important; order: 5 !important; } } .lead-rail-nav-spacer { display: inline-flex; height: 18px; width: 22px; } .lead-side-rail:not(.pipeline-side-rail) .lead-rail-name-btn.is-disabled { cursor: default !important; pointer-events: none; } html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail)[data-can-expand="false"] .lead-rail-name-btn::before, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail)[data-can-expand="false"] .lead-rail-name-btn::before { border-color: color-mix(in srgb, var(--accent) 30%, var(--lead-dark-muted)) !important; opacity: .34 !important; } html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail)[data-can-expand="false"] .lead-rail-name-btn strong, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail)[data-can-expand="false"] .lead-rail-name-btn strong { color: var(--lead-dark-text) !important; } html[data-theme="dark"] body .lead-side-rail:not(.pipeline-side-rail)[data-can-expand="false"] .lead-rail-name-btn::before, html[data-theme="dark"] body .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail)[data-can-expand="false"] .lead-rail-name-btn::before { content: none !important; display: none !important; } .lead-scenario-fields[open] > .editor-section-summary > span:first-child, .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child { position: relative !important; top: -4px !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame[open], html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open], html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame[open] { background: var(--lead-dark-card-raised, #1b2530) !important; background-color: var(--lead-dark-card-raised, #1b2530) !important; border-color: color-mix(in srgb, var(--lead-dark-border, #304355) 90%, var(--accent)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head, html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head { background: transparent !important; } /* Keep collapsed lead-stack tabs on the deeper dark field; open tabs stay on the light tab above. */ html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible):not(:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible):not(:focus-within) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible):not(:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible):not(:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible):not(:focus-within) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible):not(:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child { background: var(--lead-dark-field, #111820) !important; background-color: var(--lead-dark-field, #111820) !important; border-color: color-mix(in srgb, var(--lead-dark-border, #304355) 82%, transparent) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.05) !important; color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } /* Match the collapsed Property controls to the same deep tab black as the Property label. */ html[data-theme="dark"] body .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu summary, html[data-theme="dark"] body .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span { background: var(--lead-dark-field, #111820) !important; background-color: var(--lead-dark-field, #111820) !important; border-color: color-mix(in srgb, var(--lead-dark-border, #304355) 82%, transparent) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.05) !important; color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } /* Collapsed Property/Scenario labels stay deep black unless the label itself is hovered or the section is open. */ html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child { background: var(--lead-dark-field, #111820) !important; background-color: var(--lead-dark-field, #111820) !important; border-color: color-mix(in srgb, var(--lead-dark-border, #304355) 82%, transparent) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.05) !important; color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child:is(:hover,:active), html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child:is(:hover,:active), html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child:is(:hover,:active), html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields):not([open]) > .editor-section-summary > span:first-child:is(:hover,:active) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active) { background: var(--lead-dark-field, #111820) !important; background-color: var(--lead-dark-field, #111820) !important; border-color: color-mix(in srgb, var(--lead-dark-border, #304355) 82%, transparent) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.05) !important; color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } /* Mortgage tabs follow Property: collapsed rests deep black unless the tab itself is hovered. */ html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active) { background: var(--lead-dark-field, #111820) !important; background-color: var(--lead-dark-field, #111820) !important; border-color: color-mix(in srgb, var(--lead-dark-border, #304355) 82%, transparent) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.05) !important; color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second)[open], html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second)[open], html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second)[open], html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second)[open], html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second)[open], html[data-theme="dark"] body .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head, html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head, html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head { background: #242b34 !important; background-color: #242b34 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(#collapsed-logo-rail) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#collapsed-logo-rail) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(#collapsed-logo-rail) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#collapsed-logo-rail) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(#collapsed-logo-rail) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .lead-inline-detail-stack .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#collapsed-logo-rail) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(#collapsed-logo-rail) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .selected-lead-panel .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#collapsed-logo-rail) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(#collapsed-logo-rail) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#collapsed-logo-rail) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions.has-first-mortgage-actions:not(#collapsed-logo-rail) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame.is-rail-two-lane-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#collapsed-logo-rail) > span:first-child:not(:hover):not(:active) { background: var(--lead-dark-field, #111820) !important; background-color: var(--lead-dark-field, #111820) !important; border-color: color-mix(in srgb, var(--lead-dark-border, #304355) 82%, transparent) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.05) !important; color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } /* Darken the open first-mortgage stack panels; keep the rate-sheet header grey-black. */ html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first[open] .quote-selection-stack, html[data-theme="dark"] body .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first[open] .quote-selection-stack, html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame.is-first[open] .quote-selection-stack, html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first[open] .mini-price-option .mini-product-controls label:not(#sq-dark-field-lock), html[data-theme="dark"] body .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first[open] .mini-price-option .mini-product-controls label:not(#sq-dark-field-lock), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame.is-first[open] .mini-price-option .mini-product-controls label:not(#sq-dark-field-lock), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock), html[data-theme="dark"] body .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame.is-first[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first[open] .mini-price-option .mini-fee-strip > :is(.mini-fee-tile-loan,.mini-second-loan-amount-tile):not(#sq-dark-loan-lock), html[data-theme="dark"] body .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first[open] .mini-price-option .mini-fee-strip > :is(.mini-fee-tile-loan,.mini-second-loan-amount-tile):not(#sq-dark-loan-lock), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame.is-first[open] .mini-price-option .mini-fee-strip > :is(.mini-fee-tile-loan,.mini-second-loan-amount-tile):not(#sq-dark-loan-lock) { background: var(--lead-dark-card, #1d232b) !important; background-color: var(--lead-dark-card, #1d232b) !important; border-color: var(--lead-dark-border, #304355) !important; color: var(--lead-dark-text, #edf5fb) !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls label:not(#sq-dark-field-lock), html[data-theme="dark"] body .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls label:not(#sq-dark-field-lock), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls label:not(#sq-dark-field-lock), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock), html[data-theme="dark"] body .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-snapshot-layout > .mini-quote-summary:not(#sq-dark-rate-card-lock), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > :is(.mini-fee-tile-loan,.mini-second-loan-amount-tile):not(#sq-dark-loan-lock), html[data-theme="dark"] body .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > :is(.mini-fee-tile-loan,.mini-second-loan-amount-tile):not(#sq-dark-loan-lock), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > :is(.mini-fee-tile-loan,.mini-second-loan-amount-tile):not(#sq-dark-loan-lock), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock), html[data-theme="dark"] body .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock) :is(.compact-rate-sheet-scroll,table,tbody,tr,td), html[data-theme="dark"] body .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock) :is(.compact-rate-sheet-scroll,table,tbody,tr,td), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet:not(#sq-dark-rate-sheet-label-lock) :is(.compact-rate-sheet-scroll,table,tbody,tr,td) { background: var(--lead-dark-field, #111820) !important; background-color: var(--lead-dark-field, #111820) !important; } html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock):not([open]), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock):not([open]) > summary, html[data-theme="dark"] body .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock):not([open]), html[data-theme="dark"] body .lead-inline-detail-stack .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock):not([open]) > summary, html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame.is-first[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock):not([open]), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame.is-first[open] .mini-pricing-section-shell > .quote-breakdown-section:not(#sq-dark-mini-summary-lock):not([open]) > summary { background: #242b34 !important; background-color: #242b34 !important; border-color: var(--lead-dark-border, #304355) !important; color: var(--lead-dark-text, #edf5fb) !important; } /* Final section-tab state rule: collapsed tabs are deep black; open or direct tab hover is inverted light. */ html[data-theme="dark"] body details:not([open]) > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body details.pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title:not(:hover):not(:active) { background: var(--lead-dark-field, #111820) !important; background-color: var(--lead-dark-field, #111820) !important; border-color: color-mix(in srgb, var(--lead-dark-border, #304355) 82%, transparent) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.05) !important; color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body details[open]:not(.lead-top-collapsible-card):not(.lead-scenario-fields):not([data-section-tab-scope="property"]):not([data-section-tab-scope="loanScenario"]):not([data-lead-editor-card="property"]):not([data-lead-editor-card="loanScenario"]) > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child, html[data-theme="dark"] body details:not([open]) > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child:is(:hover,:active), html[data-theme="dark"] body details.pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body details.pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title:is(:hover,:active) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):not(:hover):not(:focus):not(:focus-visible):not(:active) { background: var(--lead-dark-field, #111820) !important; background-color: var(--lead-dark-field, #111820) !important; border-color: color-mix(in srgb, var(--lead-dark-border, #304355) 82%, transparent) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):not(:hover):not(:focus):not(:focus-visible):not(:active) .va-logo-mark { color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(:hover,:focus,:focus-visible,:active,.active,[aria-pressed="true"]) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(:hover,:focus,:focus-visible,:active,.active,[aria-pressed="true"]) .va-logo-mark { color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-roll-loan-toggle,.mini-formal-loan-toggle,.mini-roll-side-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):not(:hover):not(:focus):not(:focus-visible):not(:active) { background: var(--lead-dark-field, #111820) !important; background-color: var(--lead-dark-field, #111820) !important; border-color: color-mix(in srgb, var(--lead-dark-border, #304355) 82%, transparent) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-roll-loan-toggle,.mini-formal-loan-toggle,.mini-roll-side-toggle):not(.is-on):not([aria-pressed="true"]):not(:disabled):is(:hover,:focus,:focus-visible,:active) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning :is(strong,span,em,b) { color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack { align-items: stretch !important; display: flex !important; flex-wrap: wrap !important; gap: 6px !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-apor-notice { align-items: center !important; border-radius: 7px !important; display: grid !important; flex: 1 1 calc((100% - 12px) / 3) !important; grid-template-columns: minmax(0, .58fr) minmax(0, 1fr) !important; height: 58px !important; justify-content: stretch !important; max-width: calc((100% - 12px) / 3) !important; min-height: 58px !important; min-width: 0 !important; padding: 7px 8px !important; width: calc((100% - 12px) / 3) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-preferred-auto-notice { background: color-mix(in srgb, #62caff 34%, #f8fbff) !important; background-color: color-mix(in srgb, #62caff 34%, #f8fbff) !important; border-color: color-mix(in srgb, #169bd8 72%, #f8fbff) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-apor-notice:not(.mini-preferred-auto-notice) { background: color-mix(in srgb, #f6a93a 38%, #fff8ea) !important; background-color: color-mix(in srgb, #f6a93a 38%, #fff8ea) !important; border-color: color-mix(in srgb, #c87606 70%, #fff8ea) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-apor-notice :is(strong,span,.mini-warning-icon-label,.mini-opportunity-icon-label,.mini-roll-cap-copy) { color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-apor-notice strong { font-size: 9px !important; line-height: 1.05 !important; min-width: 0 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-apor-notice .mini-roll-cap-copy { font-size: 10px !important; font-weight: 850 !important; line-height: 1.12 !important; min-width: 0 !important; text-align: left !important; } html[data-theme="dark"] body .mini-pricing-warning-stack { align-items: stretch !important; display: flex !important; flex-wrap: wrap !important; gap: 6px !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-apor-notice { align-items: center !important; border-radius: 7px !important; display: grid !important; flex: 1 1 calc((100% - 12px) / 3) !important; grid-template-columns: minmax(0, .58fr) minmax(0, 1fr) !important; height: 58px !important; justify-content: stretch !important; max-width: calc((100% - 12px) / 3) !important; min-height: 58px !important; min-width: 0 !important; padding: 7px 8px !important; width: calc((100% - 12px) / 3) !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-preferred-auto-notice { background: color-mix(in srgb, #62caff 34%, #f8fbff) !important; background-color: color-mix(in srgb, #62caff 34%, #f8fbff) !important; border-color: color-mix(in srgb, #169bd8 72%, #f8fbff) !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-apor-notice:not(.mini-preferred-auto-notice) { background: color-mix(in srgb, #f6a93a 38%, #fff8ea) !important; background-color: color-mix(in srgb, #f6a93a 38%, #fff8ea) !important; border-color: color-mix(in srgb, #c87606 70%, #fff8ea) !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-snapshot-issue-notice { background: color-mix(in srgb, #ff7f8d 38%, #ffe4e8) !important; background-color: color-mix(in srgb, #ff7f8d 38%, #ffe4e8) !important; border-color: color-mix(in srgb, #d7485c 68%, #ffe4e8) !important; grid-template-columns: minmax(0,1fr) !important; justify-content: center !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-apor-notice :is(strong,span,.mini-warning-icon-label,.mini-opportunity-icon-label,.mini-roll-cap-copy) { color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-apor-notice strong { font-size: 9px !important; line-height: 1.05 !important; min-width: 0 !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-apor-notice .mini-roll-cap-copy { font-size: 10px !important; font-weight: 850 !important; line-height: 1.12 !important; min-width: 0 !important; text-align: left !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-snapshot-issue-notice .mini-roll-cap-copy { align-items: center !important; display: flex !important; font-size: 13px !important; font-weight: 950 !important; justify-content: center !important; line-height: 1.15 !important; text-align: center !important; width: 100% !important; } html[data-theme="dark"] body .mini-rate-snapshot-head .mini-snapshot-warning-chip { background: color-mix(in srgb, #ff7f8d 38%, #ffe4e8) !important; background-color: color-mix(in srgb, #ff7f8d 38%, #ffe4e8) !important; border-color: color-mix(in srgb, #d7485c 68%, #ffe4e8) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"]:not(.active):not(:hover):not(:focus):not(:focus-visible):not(:active) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"]:not(.active):not(:hover):not(:focus):not(:focus-visible):not(:active) .va-logo-mark { color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"]:not(.active) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"]:not(.active) .va-logo-mark { color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-preferred-auto-notice { grid-template-columns: minmax(0, 1fr) !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-preferred-auto-notice .mini-roll-cap-copy { align-self: center !important; text-align: center !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-preferred-auto-notice .mini-preferred-auto-copy { align-items: center !important; display: flex !important; font-size: 13px !important; font-weight: 950 !important; justify-content: center !important; line-height: 1.08 !important; text-align: center !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-preferred-auto-notice .mini-preferred-auto-copy span { color: #071523 !important; display: block !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1.08 !important; text-shadow: none !important; } html[data-theme="dark"] body :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle.va-eligibility-toggle[aria-pressed="false"]:not(.active) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle.va-eligibility-toggle[aria-pressed="false"]:not(.active) .va-logo-mark { color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-preferred-auto-notice.mini-preferred-auto-notice { grid-template-columns: minmax(0, 1fr) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-preferred-auto-notice.mini-preferred-auto-notice .mini-roll-cap-copy { text-align: center !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-preferred-auto-notice.mini-preferred-auto-notice .mini-preferred-auto-copy { align-items: center !important; display: flex !important; font-size: 13px !important; font-weight: 950 !important; justify-content: center !important; } html[data-theme="dark"] body :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle[aria-pressed="false"]:not(.active) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle.va-eligibility-toggle[aria-pressed="false"]:not(.active) .va-logo-mark { color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] details.pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title:not(:hover):not(:active), html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame[open] details.pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title:not(:hover):not(:active), html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-frame[open] details.pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title:not(:hover):not(:active), html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame[open] details.pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title:not(:hover):not(:active) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame[open] details.pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title.pricing-presets-title.pricing-presets-title.pricing-presets-title:not(:hover):not(:active), html[data-theme="dark"] body .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame[open] details.pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title.pricing-presets-title.pricing-presets-title.pricing-presets-title:not(:hover):not(:active), html[data-theme="dark"] body .selected-lead-panel .lead-editor-grid .mini-rate-snapshot-frame[open] details.pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title.pricing-presets-title.pricing-presets-title.pricing-presets-title:not(:hover):not(:active) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card:not([open]) > .editor-section-summary:not(:hover):not(:focus-visible):not(:focus-within) > span:first-child, html[data-theme="dark"] body .pipeline-editor .pipeline-editor-card:not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .pipeline-editor .pipeline-notes-card:not([open]) > .editor-section-summary > span:first-child { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card:not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card:not([open]) > .editor-section-summary > span:first-child:is(:hover,:active), html[data-theme="dark"] body .pipeline-editor .pipeline-editor-card[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .pipeline-editor .pipeline-notes-card[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card):not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card > .editor-section-summary small, html[data-theme="dark"] body .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary small { color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card[open] > .editor-section-summary small, html[data-theme="dark"] body .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:is(:hover,:focus-visible,:focus-within) small, html[data-theme="dark"] body .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card)[open] > .editor-section-summary small, html[data-theme="dark"] body .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) small { color: #071523 !important; text-shadow: none !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:has(> .mini-snapshot-warning-chip), .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:has(> .mini-snapshot-warning-chip), .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:has(> .mini-snapshot-warning-chip) { min-height: 64px !important; padding-bottom: 4px !important; row-gap: 9px !important; } .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-snapshot-warning-chip, .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-snapshot-warning-chip, .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-snapshot-warning-chip { margin-top: 4px !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-addons-drawer[open] > :is(.eligibility-pricing-addons,.eligibility-addon-list), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-addons-drawer[open] .eligibility-addon-scroll, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-addons-drawer[open] .eligibility-addon-row { background: var(--lead-dark-field, #111820) !important; background-color: var(--lead-dark-field, #111820) !important; } html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary .control-framed-label, html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary:not(:hover):not(:focus-visible):not(:focus-within) .control-framed-label { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .calculators-page .calculator-collapsible-section[open] > .calculator-collapsible-summary .control-framed-label, html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary:is(:hover,:focus-visible,:focus-within) .control-framed-label, html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary .control-framed-label:is(:hover,:active) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]), html[data-theme="dark"] body .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]) .va-logo-mark { color: #fff !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-section .escrow-toggle-pill:not(.is-on), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-section .escrow-toggle-pill:not(.is-on) b { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-section .escrow-toggle-pill.is-on, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-section .escrow-tax-fetch-button { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-section .escrow-toggle-pill.is-on b, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-section .escrow-tax-fetch-button:is(:hover,:focus,:focus-visible,:active) { color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-section .escrow-toggle-pill.is-on:is(:hover,:focus-within), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-section .escrow-tax-fetch-button:is(:hover,:focus-visible,:active) { border-color: color-mix(in srgb, var(--accent) 48%, #d8e6f2) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent), 0 1px 3px rgba(0,0,0,.2) !important; } html[data-theme="dark"] body :is( .lead-editor-grid .editor-section, .lead-editor-grid .lead-top-collapsible-card, .lead-editor-grid .lead-scenario-fields, .lead-inline-detail-stack .editor-section, .lead-inline-detail-stack .lead-top-collapsible-card, .lead-inline-detail-stack .lead-scenario-fields, .workspace.has-lead-rail .expanded-row .editor-section, .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card, .workspace.has-lead-rail .expanded-row .lead-scenario-fields, .selected-lead-panel .lead-panel-status-card, .selected-lead-panel .lead-panel-controls-card, .selected-lead-panel .lead-panel-notes-card, .selected-lead-panel .lead-panel-log-card, .pipeline-side-panel .pipeline-panel-card, .pipeline-editor .pipeline-editor-card, .pipeline-editor .pipeline-notes-card ):not([open]) > .editor-section-summary > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label, html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="false"], html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary .control-framed-label, html[data-theme="dark"] body .filter-section:not(.is-open) > .setup-section-toggle .control-framed-label, html[data-theme="dark"] body .mismo-1003-group:not([open]) > summary { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body :is( .lead-editor-grid .editor-section, .lead-editor-grid .lead-top-collapsible-card, .lead-editor-grid .lead-scenario-fields, .lead-inline-detail-stack .editor-section, .lead-inline-detail-stack .lead-top-collapsible-card, .lead-inline-detail-stack .lead-scenario-fields, .workspace.has-lead-rail .expanded-row .editor-section, .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card, .workspace.has-lead-rail .expanded-row .lead-scenario-fields, .selected-lead-panel .lead-panel-status-card, .selected-lead-panel .lead-panel-controls-card, .selected-lead-panel .lead-panel-notes-card, .selected-lead-panel .lead-panel-log-card, .pipeline-side-panel .pipeline-panel-card, .pipeline-editor .pipeline-editor-card, .pipeline-editor .pipeline-notes-card )[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body :is( .lead-editor-grid .editor-section, .lead-editor-grid .lead-top-collapsible-card, .lead-editor-grid .lead-scenario-fields, .lead-inline-detail-stack .editor-section, .lead-inline-detail-stack .lead-top-collapsible-card, .lead-inline-detail-stack .lead-scenario-fields, .workspace.has-lead-rail .expanded-row .editor-section, .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card, .workspace.has-lead-rail .expanded-row .lead-scenario-fields, .selected-lead-panel .lead-panel-status-card, .selected-lead-panel .lead-panel-controls-card, .selected-lead-panel .lead-panel-notes-card, .selected-lead-panel .lead-panel-log-card, .pipeline-side-panel .pipeline-panel-card, .pipeline-editor .pipeline-editor-card, .pipeline-editor .pipeline-notes-card ):not([open]) > .editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body :is( .lead-editor-grid .editor-section, .lead-editor-grid .lead-top-collapsible-card, .lead-editor-grid .lead-scenario-fields, .lead-inline-detail-stack .editor-section, .lead-inline-detail-stack .lead-top-collapsible-card, .lead-inline-detail-stack .lead-scenario-fields, .workspace.has-lead-rail .expanded-row .editor-section, .workspace.has-lead-rail .expanded-row .lead-top-collapsible-card, .workspace.has-lead-rail .expanded-row .lead-scenario-fields, .selected-lead-panel .lead-panel-status-card, .selected-lead-panel .lead-panel-controls-card, .selected-lead-panel .lead-panel-notes-card, .selected-lead-panel .lead-panel-log-card, .pipeline-side-panel .pipeline-panel-card, .pipeline-editor .pipeline-editor-card, .pipeline-editor .pipeline-notes-card ):not([open]) > .editor-section-summary > span:first-child:is(:hover,:active), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head > span:first-child:is(:hover,:active), html[data-theme="dark"] body .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body .pricing-presets-drawer:not([open]) > .pricing-presets-summary:is(:hover,:focus-visible,:focus-within) .pricing-presets-title, html[data-theme="dark"] body .pricing-presets-drawer:not([open]) > .pricing-presets-summary .pricing-presets-title:is(:hover,:active), html[data-theme="dark"] body .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label, html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary:is(:hover,:focus-visible,:focus-within) .control-framed-label, html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="true"], html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="false"]:is(:hover,:focus-visible,:active), html[data-theme="dark"] body .calculators-page .calculator-collapsible-section[open] > .calculator-collapsible-summary .control-framed-label, html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary:is(:hover,:focus-visible,:focus-within) .control-framed-label, html[data-theme="dark"] body .filter-section.is-open > .setup-section-toggle .control-framed-label, html[data-theme="dark"] body .filter-section:not(.is-open) > .setup-section-toggle:is(:hover,:focus-visible,:focus-within) .control-framed-label, html[data-theme="dark"] body .mismo-1003-group[open] > summary, html[data-theme="dark"] body .mismo-1003-group:not([open]) > summary:is(:hover,:focus-visible,:active) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-apor-notice, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-apor-notice { flex: 1 1 0 !important; max-width: none !important; min-width: 0 !important; width: auto !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-warning-icon-label::before, html[data-theme="dark"] body .mini-pricing-warning-stack .mini-opportunity-icon-label::before { content: none !important; display: none !important; } html[data-theme="dark"] body .mini-pricing-warning-stack .mini-warning-icon-label, html[data-theme="dark"] body .mini-pricing-warning-stack .mini-opportunity-icon-label { gap: 0 !important; } html[data-theme="dark"] body .compact-rate-sheet col.rate-col { width: 23% !important; } html[data-theme="dark"] body .compact-rate-sheet col.pts-col { width: 20% !important; } html[data-theme="dark"] body .compact-rate-sheet col.dol-col { width: 22% !important; } html[data-theme="dark"] body .compact-rate-sheet col.alert-col { width: 13% !important; } html[data-theme="dark"] body .compact-rate-sheet col.pi-col { width: 22% !important; } html[data-theme="dark"] body .compact-rate-sheet.has-auto-lenders col.rate-col { width: 18% !important; } html[data-theme="dark"] body .compact-rate-sheet.has-auto-lenders col.lender-col { width: 10% !important; } html[data-theme="dark"] body .compact-rate-sheet.has-auto-lenders col.pts-col { width: 18% !important; } html[data-theme="dark"] body .compact-rate-sheet.has-auto-lenders col.dol-col { width: 21% !important; } html[data-theme="dark"] body .compact-rate-sheet.has-auto-lenders col.alert-col { width: 12% !important; } html[data-theme="dark"] body .compact-rate-sheet.has-auto-lenders col.pi-col { width: 21% !important; } html[data-theme="dark"] body .compact-rate-sheet .mini-rate-row-alerts { display: inline-grid !important; gap: 2px !important; grid-template-columns: repeat(3, 14px) !important; min-width: 46px !important; width: 46px !important; } html[data-theme="dark"] body .compact-rate-sheet .mini-rate-row-alert { flex: 0 0 14px !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-snapshot-issue-notice, html[data-theme="dark"] body .mini-pricing-warning-stack .mini-snapshot-issue-notice { background: color-mix(in srgb, #ff7f8d 38%, #ffe4e8) !important; background-color: color-mix(in srgb, #ff7f8d 38%, #ffe4e8) !important; border-color: color-mix(in srgb, #d7485c 68%, #ffe4e8) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-pricing-warning-stack .mini-snapshot-issue-notice :is(strong,span,.mini-roll-cap-copy), html[data-theme="dark"] body .mini-pricing-warning-stack .mini-snapshot-issue-notice :is(strong,span,.mini-roll-cap-copy) { color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace .lead-editor-grid .editor-section.editor-section:not([open]) > .editor-section-summary.editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace .lead-editor-grid .lead-top-collapsible-card.lead-top-collapsible-card:not([open]) > .editor-section-summary.editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace .lead-editor-grid .lead-scenario-fields.lead-scenario-fields:not([open]) > .editor-section-summary.editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame.mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace .lead-editor-grid .editor-section.editor-section[open]:not(.editor-property):not(.lead-top-collapsible-card):not(.lead-scenario-fields):not([data-section-tab-scope="property"]):not([data-section-tab-scope="loanScenario"]):not([data-lead-editor-card="property"]):not([data-lead-editor-card="loanScenario"]) > .editor-section-summary.editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame.mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace .lead-editor-grid .editor-section.editor-section:not([open]):not(.editor-property):not(.lead-top-collapsible-card):not(.lead-scenario-fields):not([data-section-tab-scope="property"]):not([data-section-tab-scope="loanScenario"]):not([data-lead-editor-card="property"]):not([data-lead-editor-card="loanScenario"]) > .editor-section-summary.editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame.mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .compact-rate-sheet .mini-rate-row-alert.mini-rate-row-alert-eligibility { background: linear-gradient(145deg, #bdeaff, #38bdf8) !important; background-color: #38bdf8 !important; border-color: color-mix(in srgb, #38bdf8 82%, #075985) !important; color: #071523 !important; } html[data-theme="dark"] body .compact-rate-sheet .mini-rate-row-alert:is(.mini-rate-row-alert-apor,.mini-rate-row-alert-apor-blocked) { background: linear-gradient(145deg, #ffc4c4, #ff5f5f) !important; background-color: #ff6b6b !important; border-color: color-mix(in srgb, #ff6b6b 84%, #7f1d1d) !important; color: #071523 !important; } html[data-theme="dark"] body .compact-rate-sheet .mini-rate-row-alert.mini-rate-row-alert-ltv { background: linear-gradient(145deg, #ffe7a3, #fbbf24) !important; background-color: #fbbf24 !important; border-color: color-mix(in srgb, #fbbf24 84%, #92400e) !important; color: #071523 !important; } html[data-theme="dark"] body .workspace .lead-editor-grid .editor-section.editor-section:not([open]) > .editor-section-summary.editor-section-summary > span:first-child:not(#sq-final-label-lock):not(#sq-final-label-lock-2):not(#sq-final-label-lock-3), html[data-theme="dark"] body .workspace .lead-editor-grid .lead-top-collapsible-card.lead-top-collapsible-card:not([open]) > .editor-section-summary.editor-section-summary > span:first-child:not(#sq-final-label-lock):not(#sq-final-label-lock-2):not(#sq-final-label-lock-3), html[data-theme="dark"] body .workspace .lead-editor-grid .lead-scenario-fields.lead-scenario-fields:not([open]) > .editor-section-summary.editor-section-summary > span:first-child:not(#sq-final-label-lock):not(#sq-final-label-lock-2):not(#sq-final-label-lock-3), html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame.mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child:not(#sq-final-label-lock):not(#sq-final-label-lock-2):not(#sq-final-label-lock-3) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace .lead-editor-grid .editor-section.editor-section[open]:not(.editor-property):not(.lead-top-collapsible-card):not(.lead-scenario-fields):not([data-section-tab-scope="property"]):not([data-section-tab-scope="loanScenario"]):not([data-lead-editor-card="property"]):not([data-lead-editor-card="loanScenario"]) > .editor-section-summary.editor-section-summary > span:first-child:not(#sq-final-label-lock):not(#sq-final-label-lock-2):not(#sq-final-label-lock-3), html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame.mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child:not(#sq-final-label-lock):not(#sq-final-label-lock-2):not(#sq-final-label-lock-3), html[data-theme="dark"] body .workspace .lead-editor-grid .editor-section.editor-section:not([open]):not(.editor-property):not(.lead-top-collapsible-card):not(.lead-scenario-fields):not([data-section-tab-scope="property"]):not([data-section-tab-scope="loanScenario"]):not([data-lead-editor-card="property"]):not([data-lead-editor-card="loanScenario"]) > .editor-section-summary.editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child:not(#sq-final-label-lock):not(#sq-final-label-lock-2):not(#sq-final-label-lock-3), html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame.mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child:not(#sq-final-label-lock):not(#sq-final-label-lock-2):not(#sq-final-label-lock-3) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp { align-content: start !important; gap: 2px !important; padding-top: 11px !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp :is(.mini-comp-heading,.mini-comp-label), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp :is(.mini-comp-heading,.mini-comp-label), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp.lpc,.mini-second-lpc-comp.lpc,.mini-lpc-comp.bpc,.mini-second-lpc-comp.bpc,.mini-lpc-comp.corr,.mini-second-lpc-comp.corr).mini-summary-comp :is(.mini-comp-heading,.mini-comp-label) { color: #fff !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp .mini-comp-label:is(:hover,:focus), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label:is(:hover,:focus) { color: #fff !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-heading { transform: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label { top: auto !important; transform: translateY(6px) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values { transform: translateY(4px) !important; } html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child { align-items: center !important; box-sizing: border-box !important; height: 38px !important; line-height: 1.08 !important; min-height: 38px !important; padding-bottom: 0 !important; padding-top: 0 !important; transform: translateZ(0); } html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head.mini-rate-snapshot-head:is(:hover,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active):not(#sq-mortgage-hover-lock):not(#sq-mortgage-hover-lock-2):not(#sq-mortgage-hover-lock-3) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child:is(:hover,:active):not(#sq-mortgage-hover-lock):not(#sq-mortgage-hover-lock-2):not(#sq-mortgage-hover-lock-3) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace .lead-editor-grid .lead-scenario-fields.lead-scenario-fields:not([open]) > .editor-section-summary.editor-section-summary:is(:hover,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .workspace .lead-editor-grid .lead-scenario-fields.lead-scenario-fields:not([open]) > .editor-section-summary.editor-section-summary > span:first-child:is(:hover,:active) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } @media (max-width: 640px) { html[data-theme="dark"] body :is(.lead-rail-inline-row,.lead-rail-inline-block) .lead-rail-tab, html[data-theme="dark"] body .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) .lead-rail-tab { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1px 3px rgba(0,0,0,.22) !important; color: #edf5fb !important; min-height: 46px !important; } html[data-theme="dark"] body :is(.lead-rail-inline-row,.lead-rail-inline-block) .lead-rail-name-btn, html[data-theme="dark"] body .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) .lead-rail-name-btn { align-items: center !important; display: grid !important; min-height: 34px !important; height: 34px !important; padding: 0 8px !important; } html[data-theme="dark"] body :is(.lead-rail-inline-row,.lead-rail-inline-block) .lead-rail-name-btn strong, html[data-theme="dark"] body .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) .lead-rail-name-btn strong { color: #edf5fb !important; font-size: 14px !important; font-weight: 850 !important; line-height: 1.05 !important; max-height: 18px !important; overflow: hidden !important; padding: 0 !important; text-align: center !important; text-overflow: ellipsis !important; text-shadow: none !important; white-space: nowrap !important; writing-mode: horizontal-tb !important; } html[data-theme="dark"] body :is(.lead-rail-inline-row,.lead-rail-inline-block) .lead-rail-count, html[data-theme="dark"] body .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) .lead-rail-count { color: #edf5fb !important; } html[data-theme="dark"] body :is(.lead-rail-inline-row,.lead-rail-inline-block) .lead-rail-nav-btn, html[data-theme="dark"] body .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack > .lead-rail-inline-block:not(.lead-rail-mobile-expanded) .lead-rail-nav-btn { color: #46bdf2 !important; } html[data-theme="dark"] body .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-tab { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 1px 3px rgba(0,0,0,.22) !important; color: #edf5fb !important; } html[data-theme="dark"] body .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-name-btn strong { color: #edf5fb !important; } html[data-theme="dark"] body .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-count { color: #edf5fb !important; } html[data-theme="dark"] body .lead-rail-inline-block.lead-rail-mobile-expanded .lead-rail-nav-btn { color: #46bdf2 !important; } } .mismo-popout-toolbar { grid-template-columns: minmax(0,1fr) !important; } html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label:not(:hover):not(:active), html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary:is(:hover,:focus-visible,:focus-within) .control-framed-label:not(:hover):not(:active), html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="false"]:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"] body .filter-section:not(.is-open) > .setup-section-toggle .control-framed-label:not(:hover):not(:active), html[data-theme="dark"] body .filter-section:not(.is-open) > .setup-section-toggle:is(:hover,:focus-visible,:focus-within) .control-framed-label:not(:hover):not(:active), html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary .control-framed-label:not(:hover):not(:active), html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary:is(:hover,:focus-visible,:focus-within) .control-framed-label:not(:hover):not(:active) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label, html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label:is(:hover,:active), html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="true"], html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="false"]:is(:hover,:focus-visible,:active), html[data-theme="dark"] body .filter-section.is-open > .setup-section-toggle .control-framed-label, html[data-theme="dark"] body .filter-section:not(.is-open) > .setup-section-toggle .control-framed-label:is(:hover,:active), html[data-theme="dark"] body .calculators-page .calculator-collapsible-section[open] > .calculator-collapsible-summary .control-framed-label, html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary .control-framed-label:is(:hover,:active) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .control-collapsible-section .control-framed-label::before, html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded]::before, html[data-theme="dark"] body .filter-section > .setup-section-toggle .control-framed-label::before, html[data-theme="dark"] body .calculators-page .calculator-collapsible-section > .calculator-collapsible-summary .control-framed-label::before { background: var(--label-tab-accent) !important; opacity: 1 !important; } html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label:not(:hover):not(:active):not(#sq-control-center-final-label-lock), html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary:is(:hover,:focus-visible,:focus-within) .control-framed-label:not(:hover):not(:active):not(#sq-control-center-final-label-lock), html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="false"]:not(:hover):not(:focus-visible):not(:active):not(#sq-control-center-final-label-lock), html[data-theme="dark"] body .filter-section:not(.is-open) > .setup-section-toggle .control-framed-label:not(:hover):not(:active):not(#sq-control-center-final-label-lock), html[data-theme="dark"] body .filter-section:not(.is-open) > .setup-section-toggle:is(:hover,:focus-visible,:focus-within) .control-framed-label:not(:hover):not(:active):not(#sq-control-center-final-label-lock), html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary .control-framed-label:not(:hover):not(:active):not(#sq-calculator-final-label-lock), html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary:is(:hover,:focus-visible,:focus-within) .control-framed-label:not(:hover):not(:active):not(#sq-calculator-final-label-lock) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } html[data-theme="dark"] body .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label:not(#sq-control-center-final-label-lock), html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label:is(:hover,:active):not(#sq-control-center-final-label-lock), html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="true"]:not(#sq-control-center-final-label-lock), html[data-theme="dark"] body .market-data-panel .control-framed-label[aria-expanded="false"]:is(:hover,:focus-visible,:active):not(#sq-control-center-final-label-lock), html[data-theme="dark"] body .filter-section.is-open > .setup-section-toggle .control-framed-label:not(#sq-control-center-final-label-lock), html[data-theme="dark"] body .filter-section:not(.is-open) > .setup-section-toggle .control-framed-label:is(:hover,:active):not(#sq-control-center-final-label-lock), html[data-theme="dark"] body .calculators-page .calculator-collapsible-section[open] > .calculator-collapsible-summary .control-framed-label:not(#sq-calculator-final-label-lock), html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary .control-framed-label:is(:hover,:active):not(#sq-calculator-final-label-lock) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label { transform: translateY(7px) !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values { gap: 5px !important; transform: translateY(9px) !important; } .lender-brand.chip, .mini-rate-row-lender-chip .lender-brand.chip, .quote-selection-token, .quote-selection-token:has(.lender-logo-mark), .quote-selection-token .lender-brand.chip, .pricing-preset-lender-cycle .lender-brand.chip, .mini-collapsed-option-chip .lender-brand.chip, .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip, .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip, html[data-theme="dark"] body .lender-brand.chip, html[data-theme="dark"] body .lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .quote-selection-token, html[data-theme="dark"] body .quote-selection-token:has(.lender-logo-mark), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token:has(.lender-logo-mark), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token .lender-brand.chip, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token .lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-token, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-token .lender-brand.chip, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-token .lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip, html[data-theme="dark"] body .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .pricing-preset-lender-cycle .lender-brand.chip, html[data-theme="dark"] body .pricing-preset-lender-cycle .lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .mini-rate-row-lender-chip .lender-brand.chip, html[data-theme="dark"] body .mini-rate-row-lender-chip .lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .mini-collapsed-option-chip .lender-brand.chip, html[data-theme="dark"] body .mini-collapsed-option-chip .lender-brand.chip:has(.lender-logo-mark) { background: transparent !important; background-color: transparent !important; border: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } .mini-rate-row-lender-chip .lender-brand.chip { padding: 0 !important; width: auto !important; } .quote-selection-token:hover, .quote-selection-token:focus, html[data-theme="dark"] body .quote-selection-token:hover, html[data-theme="dark"] body .quote-selection-token:focus { box-shadow: none !important; outline: 0; } .lender-brand.chip .lender-logo-union-chip, html[data-theme="dark"] body .lender-brand.chip .lender-logo-union-chip { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .lender-brand.chip .lender-logo-union-chip b:first-child { color: color-mix(in srgb, var(--ink) 88%, #fff) !important; } html[data-theme="dark"] body .lender-brand.chip .lender-logo-union-chip b:first-child { color: #fff !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values > strong, .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-percent-input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values > strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-percent-input { font-weight: 850 !important; letter-spacing: 0 !important; } .mini-rate-snapshot-frame[open] .mini-summary-comp .mini-comp-values > strong:not(#sq-comp-percent-weight-final-lock), .mini-rate-snapshot-frame[open] .mini-summary-comp .mini-comp-percent-input:not(#sq-comp-percent-weight-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp .mini-comp-values > strong:not(#sq-comp-percent-weight-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-summary-comp .mini-comp-percent-input:not(#sq-comp-percent-weight-final-lock) { font-weight: 850 !important; letter-spacing: 0 !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp { align-content: stretch !important; gap: 0 !important; grid-template-rows: min-content min-content 1fr !important; padding-bottom: 12px !important; padding-top: 12px !important; position: relative !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp::after, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp::after { background: color-mix(in srgb, currentColor 20%, transparent) !important; content: "" !important; height: 1px !important; left: 0 !important; pointer-events: none !important; position: absolute !important; right: 0 !important; top: 50% !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp > *, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp > * { position: relative !important; z-index: 1 !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label { transform: translateY(8px) !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values { align-self: end !important; gap: 5px !important; padding-bottom: 1px !important; transform: translateY(4px) !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values > strong, .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-percent-input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values > strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-percent-input { transform: none !important; } .lender-brand.chip:not(#sq-logo-chip-frame-final-lock), .lender-brand.chip:has(.lender-logo-mark):not(#sq-logo-chip-frame-final-lock), .quote-selection-token:not(#sq-logo-chip-frame-final-lock), .quote-selection-token:has(.lender-logo-mark):not(#sq-logo-chip-frame-final-lock), .quote-selection-token .lender-brand.chip:not(#sq-logo-chip-frame-final-lock), .mini-rate-row-lender-chip .lender-brand.chip:not(#sq-logo-chip-frame-final-lock), .mini-collapsed-option-chip .lender-brand.chip:not(#sq-logo-chip-frame-final-lock), .pricing-preset-lender-cycle .lender-brand.chip:not(#sq-logo-chip-frame-final-lock), .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip:not(#sq-logo-chip-frame-final-lock), .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .lender-brand.chip:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .lender-brand.chip:has(.lender-logo-mark):not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .quote-selection-token:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .quote-selection-token:has(.lender-logo-mark):not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .quote-selection-token .lender-brand.chip:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token:has(.lender-logo-mark):not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token .lender-brand.chip:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-token .lender-brand.chip:has(.lender-logo-mark):not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-token:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-token .lender-brand.chip:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .pricing-presets-drawer[open] .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .pricing-preset-lender-cycle .lender-brand.chip:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .mini-rate-row-lender-chip .lender-brand.chip:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .mini-rate-row-lender-chip .lender-brand.chip:has(.lender-logo-mark):not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .mini-collapsed-option-chip .lender-brand.chip:not(#sq-logo-chip-frame-final-lock), html[data-theme="dark"] body .mini-collapsed-option-chip .lender-brand.chip:has(.lender-logo-mark):not(#sq-logo-chip-frame-final-lock) { background: transparent !important; background-color: transparent !important; border: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; filter: none !important; overflow: visible !important; } .quote-selection-row .quote-selection-token, .quote-selection-row .quote-selection-token:has(.lender-logo-mark), html[data-theme="dark"] body .quote-selection-row .quote-selection-token, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row .quote-selection-token, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row .quote-selection-token:has(.lender-logo-mark) { background: #fff !important; background-color: #fff !important; border: 1px solid color-mix(in srgb, #fff 72%, var(--line)) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 2px 7px rgba(16,24,32,.18) !important; overflow: hidden !important; } .quote-selection-row .quote-selection-token .lender-brand.chip, .quote-selection-row .quote-selection-token .lender-brand.chip:has(.lender-logo-mark), html[data-theme="dark"] body .quote-selection-row .quote-selection-token .lender-brand.chip, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row .quote-selection-token .lender-brand.chip, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row .quote-selection-token .lender-brand.chip:has(.lender-logo-mark) { background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important; overflow: visible !important; } .lender-brand.chip :is(.lender-logo-homeexpress,.lender-logo-homexpress,.lender-logo-homex,.lender-logo-lu,.lender-logo-loanunited,.lender-logo-loanunitedwholesale,.lender-logo-newrez,.lender-logo-nexbank,.lender-logo-pennymac,.lender-logo-pennymacfinancialservices,.lender-logo-pennymactpo,.lender-logo-rocket,.lender-logo-rocketpro,.lender-logo-rocketprotpo).lender-logo-mark, .quote-selection-token .lender-brand.chip :is(.lender-logo-homeexpress,.lender-logo-homexpress,.lender-logo-homex,.lender-logo-lu,.lender-logo-loanunited,.lender-logo-loanunitedwholesale,.lender-logo-newrez,.lender-logo-nexbank,.lender-logo-pennymac,.lender-logo-pennymacfinancialservices,.lender-logo-pennymactpo,.lender-logo-rocket,.lender-logo-rocketpro,.lender-logo-rocketprotpo).lender-logo-mark, .mini-rate-row-lender-chip .lender-brand.chip :is(.lender-logo-homeexpress,.lender-logo-homexpress,.lender-logo-homex,.lender-logo-lu,.lender-logo-loanunited,.lender-logo-loanunitedwholesale,.lender-logo-newrez,.lender-logo-nexbank,.lender-logo-pennymac,.lender-logo-pennymacfinancialservices,.lender-logo-pennymactpo,.lender-logo-rocket,.lender-logo-rocketpro,.lender-logo-rocketprotpo).lender-logo-mark, .mini-collapsed-option-chip .lender-brand.chip :is(.lender-logo-homeexpress,.lender-logo-homexpress,.lender-logo-homex,.lender-logo-lu,.lender-logo-loanunited,.lender-logo-loanunitedwholesale,.lender-logo-newrez,.lender-logo-nexbank,.lender-logo-pennymac,.lender-logo-pennymacfinancialservices,.lender-logo-pennymactpo,.lender-logo-rocket,.lender-logo-rocketpro,.lender-logo-rocketprotpo).lender-logo-mark, .pricing-preset-lender-cycle .lender-brand.chip :is(.lender-logo-homeexpress,.lender-logo-homexpress,.lender-logo-homex,.lender-logo-lu,.lender-logo-loanunited,.lender-logo-loanunitedwholesale,.lender-logo-newrez,.lender-logo-nexbank,.lender-logo-pennymac,.lender-logo-pennymacfinancialservices,.lender-logo-pennymactpo,.lender-logo-rocket,.lender-logo-rocketpro,.lender-logo-rocketprotpo).lender-logo-mark, .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip :is(.lender-logo-homeexpress,.lender-logo-homexpress,.lender-logo-homex,.lender-logo-lu,.lender-logo-loanunited,.lender-logo-loanunitedwholesale,.lender-logo-newrez,.lender-logo-nexbank,.lender-logo-pennymac,.lender-logo-pennymacfinancialservices,.lender-logo-pennymactpo,.lender-logo-rocket,.lender-logo-rocketpro,.lender-logo-rocketprotpo).lender-logo-mark, .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip :is(.lender-logo-homeexpress,.lender-logo-homexpress,.lender-logo-homex,.lender-logo-lu,.lender-logo-loanunited,.lender-logo-loanunitedwholesale,.lender-logo-newrez,.lender-logo-nexbank,.lender-logo-pennymac,.lender-logo-pennymacfinancialservices,.lender-logo-pennymactpo,.lender-logo-rocket,.lender-logo-rocketpro,.lender-logo-rocketprotpo).lender-logo-mark, html[data-theme="dark"] body .lender-brand.chip :is(.lender-logo-homeexpress,.lender-logo-homexpress,.lender-logo-homex,.lender-logo-lu,.lender-logo-loanunited,.lender-logo-loanunitedwholesale,.lender-logo-newrez,.lender-logo-nexbank,.lender-logo-pennymac,.lender-logo-pennymacfinancialservices,.lender-logo-pennymactpo,.lender-logo-rocket,.lender-logo-rocketpro,.lender-logo-rocketprotpo).lender-logo-mark, html[data-theme="dark"] body .quote-selection-token .lender-brand.chip :is(.lender-logo-homeexpress,.lender-logo-homexpress,.lender-logo-homex,.lender-logo-lu,.lender-logo-loanunited,.lender-logo-loanunitedwholesale,.lender-logo-newrez,.lender-logo-nexbank,.lender-logo-pennymac,.lender-logo-pennymacfinancialservices,.lender-logo-pennymactpo,.lender-logo-rocket,.lender-logo-rocketpro,.lender-logo-rocketprotpo).lender-logo-mark, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row .quote-selection-token .lender-brand.chip :is(.lender-logo-homeexpress,.lender-logo-homexpress,.lender-logo-homex,.lender-logo-lu,.lender-logo-loanunited,.lender-logo-loanunitedwholesale,.lender-logo-newrez,.lender-logo-nexbank,.lender-logo-pennymac,.lender-logo-pennymacfinancialservices,.lender-logo-pennymactpo,.lender-logo-rocket,.lender-logo-rocketpro,.lender-logo-rocketprotpo).lender-logo-mark { background: #fff !important; background-color: #fff !important; border: 1px solid color-mix(in srgb, #d8e2ec 84%, #fff) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 1px 4px rgba(16,24,32,.16) !important; box-sizing: border-box !important; filter: none !important; height: 27px !important; max-height: 27px !important; max-width: 27px !important; object-fit: contain !important; padding: 4px !important; width: 27px !important; } html[data-theme="dark"] body .borrower-quote-info-card:not(#sq-quote-preview-black-surface-lock), html[data-theme="dark"] body .borrower-quote-option:not(#sq-quote-preview-black-surface-lock), html[data-theme="dark"] body .borrower-quote-option-top:not(#sq-quote-preview-black-surface-lock), html[data-theme="dark"] body .borrower-quote-option-body:not(#sq-quote-preview-black-surface-lock), html[data-theme="dark"] body .borrower-quote-option-details:not(#sq-quote-preview-black-surface-lock), html[data-theme="dark"] body .borrower-quote-detail-section:not(#sq-quote-preview-black-surface-lock), html[data-theme="dark"] body .borrower-quote-story-panels article:not(#sq-quote-preview-black-surface-lock), html[data-theme="dark"] body .borrower-quote-doc-grid article:not(#sq-quote-preview-black-surface-lock) { background: #071019 !important; background-color: #071019 !important; } html[data-theme="dark"] body .borrower-quote-actions :is(a,button):not(#sq-quote-preview-action-black-lock) { background: #071019 !important; background-color: #071019 !important; border-color: #3a4653 !important; color: #edf5fb !important; } .borrower-quote-doc-header .borrower-quote-doc-hint:not(#sq-doc-hint-row-lock) { grid-column: 1 / -1; justify-self: start; width: min(660px,100%); } .borrower-quote-doc-instruction:not(#sq-doc-instruction-hidden-lock) { display: none !important; } html[data-theme="dark"] body .selected-lead-panel .lead-panel-notes-card:not([open]) .lead-panel-notes-preview:not(#sq-note-log-preview-black-lock), html[data-theme="dark"] body .selected-lead-panel .lead-panel-log-card:not([open]) .lead-panel-log-preview:not(#sq-note-log-preview-black-lock) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 34%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; } .calculator-grid [data-calculator-section="amortization"]:not(#sq-calculator-stack-order-lock) { order: 1 !important; grid-column: 1 / -1 !important; } .calculator-grid [data-calculator-section="debtImport"]:not(#sq-calculator-stack-order-lock) { order: 2 !important; grid-column: 1 / -1 !important; } .calculator-grid [data-calculator-section="blended"]:not(#sq-calculator-stack-order-lock) { order: 3 !important; grid-column: 1 / -1 !important; } .calculator-grid [data-calculator-section="payment"]:not(#sq-calculator-stack-order-lock) { order: 4 !important; grid-column: auto !important; } .calculator-grid [data-calculator-section="cashout"]:not(#sq-calculator-stack-order-lock) { order: 5 !important; grid-column: auto !important; } .calculator-grid [data-calculator-section="payoff"]:not(#sq-calculator-stack-order-lock) { order: 6 !important; grid-column: auto !important; } .calculator-grid [data-calculator-section="inputs"]:not(#sq-calculator-stack-order-lock) { order: 7 !important; grid-column: auto !important; } .calculator-grid [data-calculator-section="debtImport"] > .calculator-card-head:not(#sq-debt-import-status-right-lock) { display: grid !important; grid-template-columns: max-content minmax(0,1fr) auto !important; } .calculator-grid [data-calculator-section="debtImport"] > .calculator-card-head > small:not(#sq-debt-import-status-right-lock) { justify-self: end !important; max-width: min(42ch, 100%) !important; text-align: right !important; } html[data-theme="dark"] body .lead-table .borrower-name-line .lead-row-borrower-edit.name-line:not(#sq-lead-row-name-white-lock) { color: #fff !important; } html[data-theme="dark"] body .lead-table .borrower-name-line .lead-row-borrower-edit.name-line:not(#sq-lead-row-name-white-lock):is(:hover,:focus-visible) { color: #fff !important; } /* Approved compact landing hero lock. */ .landing-nav:not(#sq-landing-approved-hero-lock) { align-items: flex-start !important; flex-direction: row !important; justify-content: space-between !important; padding: 24px max(22px, calc((100vw - 1320px) / 2 + 22px)) 18px !important; position: absolute !important; } .landing-nav-brand-spacer:not(#sq-landing-approved-hero-lock) { display: inline-flex !important; flex: 0 0 0 !important; gap: 0 !important; min-width: 0 !important; overflow: hidden !important; pointer-events: none !important; visibility: hidden !important; width: 0 !important; } .landing-nav .btn.landing-login-trigger:not(#sq-landing-approved-hero-lock) { flex: 0 0 auto !important; min-width: 102px !important; width: auto !important; } .landing-hero:not(#sq-landing-approved-hero-lock) { align-items: start !important; min-height: 478px !important; padding: 46px max(22px, calc((100vw - 1320px) / 2 + 22px)) 82px !important; } .landing-hero-bg:not(#sq-landing-approved-hero-lock) { display: none !important; } .landing-hero-copy-logo-led:not(#sq-landing-approved-hero-lock) { margin: 0 !important; max-width: 1220px !important; } .landing-hero-brand-lockup:not(#sq-landing-approved-hero-lock) { align-items: center !important; display: flex !important; gap: 13px !important; margin-bottom: 36px !important; } .landing-hero-brand-lockup:not(#sq-landing-approved-hero-lock) img { height: 132px !important; width: 132px !important; } .landing-hero-wordmark:not(#sq-landing-approved-hero-lock) > span { font-size: 66px !important; } .landing-hero-wordmark:not(#sq-landing-approved-hero-lock) .eyebrow { font-size: 14px !important; } .landing-hero-copy-logo-led:not(#sq-landing-approved-hero-lock) h1 { font-size: 44px !important; line-height: 1.1 !important; margin: 0 !important; max-width: 1040px !important; } .landing-hero-pills:not(#sq-landing-approved-hero-lock) { gap: 17px !important; margin-top: 18px !important; } .landing-hero-pills:not(#sq-landing-approved-hero-lock) + .landing-hero-actions { margin-top: 28px !important; } @media (max-width: 640px) { .landing-nav:not(#sq-landing-approved-hero-lock) { padding-left: 20px !important; padding-right: 20px !important; } .landing-nav .btn.landing-login-trigger:not(#sq-landing-approved-hero-lock) { min-width: 82px !important; } .landing-hero:not(#sq-landing-approved-hero-lock) { min-height: 0 !important; padding: 88px 20px 42px !important; } .landing-hero-brand-lockup:not(#sq-landing-approved-hero-lock) { gap: 8px !important; margin-bottom: 28px !important; } .landing-hero-brand-lockup:not(#sq-landing-approved-hero-lock) img { height: 94px !important; width: 94px !important; } .landing-hero-wordmark:not(#sq-landing-approved-hero-lock) > span { font-size: clamp(36px, 10.2vw, 43px) !important; } .landing-hero-wordmark:not(#sq-landing-approved-hero-lock) .eyebrow { font-size: 11px !important; margin-top: 8px !important; } .landing-hero-copy-logo-led:not(#sq-landing-approved-hero-lock) h1 { font-size: 36px !important; line-height: 1.08 !important; } .landing-hero-pills:not(#sq-landing-approved-hero-lock) { gap: 10px !important; } .landing-hero-pills:not(#sq-landing-approved-hero-lock) span { font-size: 12px !important; } .landing-hero-pills:not(#sq-landing-approved-hero-lock) + .landing-hero-actions { margin-top: 24px !important; } } .landing-nav:not(#sq-landing-logo-led-lock) { padding-top: 30px; } .landing-nav-brand:not(#sq-landing-logo-led-lock) { font-size: clamp(48px,4.4vw,72px); gap: 18px; } .landing-nav-brand:not(#sq-landing-logo-led-lock) img { height: clamp(112px,8.4vw,148px); width: clamp(112px,8.4vw,148px); } .landing-hero:not(#sq-landing-logo-led-lock) { min-height: 620px; padding-top: 210px; } .landing-hero::after { background: linear-gradient(90deg, rgba(7,18,32,.92) 0%, rgba(13,33,50,.82) 48%, rgba(20,38,52,.42) 100%); } .landing-hero-bg:not(#sq-landing-logo-led-lock) { display: none !important; } .landing-hero-copy-logo-led:not(#sq-landing-logo-led-lock) { max-width: 1220px; } .landing-hero-copy-logo-led:not(#sq-landing-logo-led-lock) .lead { font-size: clamp(28px,2.7vw,42px); font-weight: 760; line-height: 1.15; max-width: 860px; } /* Landing hero space-fill pass: same objects, better vertical use. */ .landing-hero:not(#sq-landing-space-fill-lock) { align-items: stretch !important; min-height: 478px !important; padding-bottom: 54px !important; padding-top: 56px !important; } .landing-hero-copy-logo-led:not(#sq-landing-space-fill-lock) { align-content: start !important; display: grid !important; grid-template-columns: minmax(0,1fr) !important; min-height: 368px !important; } .landing-hero-brand-lockup:not(#sq-landing-space-fill-lock) { margin-bottom: 50px !important; } .landing-hero-pills:not(#sq-landing-space-fill-lock) + .landing-hero-actions { margin-top: 46px !important; } @media (max-width: 640px) { .landing-hero:not(#sq-landing-space-fill-lock) { min-height: 0 !important; padding-bottom: 42px !important; padding-top: 88px !important; } .landing-hero-copy-logo-led:not(#sq-landing-space-fill-lock) { min-height: 0 !important; } .landing-hero-brand-lockup:not(#sq-landing-space-fill-lock) { gap: 8px !important; margin-bottom: 28px !important; max-width: 100% !important; } .landing-hero-brand-lockup:not(#sq-landing-space-fill-lock) img { height: 76px !important; width: 76px !important; } .landing-hero-wordmark:not(#sq-landing-space-fill-lock) > span { font-size: clamp(30px, 8.6vw, 34px) !important; } .landing-hero-pills:not(#sq-landing-space-fill-lock) + .landing-hero-actions { margin-top: 24px !important; } .landing-hero-pills:not(#sq-landing-space-fill-lock) span { line-height: 1.12 !important; max-width: 100% !important; white-space: normal !important; } } /* Landing hero product-shot preview. */ .landing-hero-product-shot { border-radius: 8px; box-shadow: 0 26px 70px rgba(0,0,0,.32); display: block; overflow: hidden; position: absolute; right: clamp(28px, calc((100vw - 1320px) / 2 - 60px), 80px); top: 104px; width: clamp(620px, 45vw, 720px); z-index: 2; } .landing-hero-product-shot::after { background: linear-gradient(90deg, rgba(7,18,32,.12) 0%, rgba(7,18,32,0) 18%, rgba(7,18,32,0) 100%); content: ""; inset: 0; pointer-events: none; position: absolute; } .landing-hero-product-shot img { display: block; height: auto; width: 100%; } .landing-hero-product-shot.landing-hero-borrower-shot { right: clamp(26px, calc((100vw - 1320px) / 2 - 44px), 78px); top: 98px; transform: none; width: clamp(610px, 42vw, 690px); } .landing-hero-product-shot.landing-hero-borrower-shot::after { background: linear-gradient(90deg, rgba(7,18,32,.08) 0%, rgba(7,18,32,0) 24%, rgba(7,18,32,0) 100%); } .landing-hero-copy-logo-led:not(#sq-landing-hero-product-shot-lock) { max-width: 680px !important; z-index: 3 !important; } .landing-hero-copy-logo-led:not(#sq-landing-hero-product-shot-lock) h1 { max-width: 630px !important; } .landing-hero-pills:not(#sq-landing-hero-product-shot-lock) { max-width: 640px !important; } /* Landing hero screenshot polish: wider desktop rail and steadier CTA pills. */ .landing-nav:not(#sq-landing-hero-screenshot-polish-lock) { padding-left: max(22px, calc((100vw - 1500px) / 2 + 22px)) !important; padding-right: max(22px, calc((100vw - 1500px) / 2 + 22px)) !important; } .landing-hero:not(#sq-landing-hero-screenshot-polish-lock) { padding-left: max(22px, calc((100vw - 1500px) / 2 + 22px)) !important; padding-right: max(22px, calc((100vw - 1500px) / 2 + 22px)) !important; } .landing-hero-product-shot.landing-hero-borrower-shot:not(#sq-landing-hero-screenshot-polish-lock) { right: clamp(42px, calc((100vw - 1500px) / 2 + 40px), 132px) !important; top: 50% !important; transform: translateY(-50%) !important; width: clamp(620px, 38vw, 700px) !important; } .landing-hero-copy-logo-led:not(#sq-landing-hero-screenshot-polish-lock) { max-width: 700px !important; } .landing-hero-copy-logo-led:not(#sq-landing-hero-screenshot-polish-lock) h1 { max-width: 660px !important; } .landing-hero-pills:not(#sq-landing-hero-screenshot-polish-lock) { display: grid !important; gap: 12px 14px !important; grid-template-columns: repeat(2, minmax(210px, 1fr)) !important; max-width: 604px !important; } .landing-hero-pills:not(#sq-landing-hero-screenshot-polish-lock) span { align-items: center !important; display: inline-flex !important; justify-content: center !important; min-height: 32px !important; padding: 8px 14px !important; text-align: center !important; white-space: nowrap !important; width: 100% !important; } @media (max-width: 1320px) { .landing-hero-product-shot.landing-hero-borrower-shot:not(#sq-landing-hero-screenshot-polish-lock) { right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; width: 520px !important; } } @media (max-width: 760px) { .landing-hero-pills:not(#sq-landing-hero-screenshot-polish-lock) { grid-template-columns: 1fr !important; max-width: 100% !important; } .landing-hero-pills:not(#sq-landing-hero-screenshot-polish-lock) span { justify-content: flex-start !important; white-space: normal !important; } } /* Landing lower intro polish: scale the first two proof bands to match the hero. */ .landing-logo-band:not(#sq-landing-lower-band-scale-lock) { gap: clamp(44px, 4vw, 72px) !important; grid-template-columns: minmax(500px, .72fr) minmax(0, 1fr) !important; padding-left: max(28px, calc((100vw - 1500px) / 2 + 28px)) !important; padding-right: max(28px, calc((100vw - 1500px) / 2 + 28px)) !important; } .landing-automation-band:not(#sq-landing-lower-band-scale-lock), .landing-instant-lender-band:not(#sq-landing-lower-band-scale-lock) { padding-bottom: 52px !important; padding-top: 52px !important; } .landing-logo-band:not(#sq-landing-lower-band-scale-lock) > div:first-child { max-width: 560px !important; } .landing-logo-band:not(#sq-landing-lower-band-scale-lock) h2 { font-size: clamp(34px, 2.1vw, 39px) !important; line-height: 1.08 !important; max-width: 560px !important; } .landing-logo-band:not(#sq-landing-lower-band-scale-lock) .eyebrow { margin-bottom: 14px !important; } .landing-connect-copy:not(#sq-landing-lower-band-scale-lock) { font-size: 15px !important; line-height: 1.62 !important; margin-top: 18px !important; max-width: 570px !important; } .landing-integrations-grid:not(#sq-landing-lower-band-scale-lock), .landing-lender-grid.showcase:not(#sq-landing-lower-band-scale-lock) { gap: 16px !important; } .landing-integration-card:not(#sq-landing-lower-band-scale-lock) { grid-template-columns: 46px minmax(0, 1fr) !important; min-height: 82px !important; padding: 14px 16px !important; } .landing-integration-card:not(#sq-landing-lower-band-scale-lock) img { max-height: 42px !important; max-width: 46px !important; } .landing-integration-card:not(#sq-landing-lower-band-scale-lock) img.landing-chip-icon { height: 46px !important; max-height: 46px !important; max-width: 46px !important; width: 46px !important; } .landing-integration-card.feature-only:not(#sq-landing-lower-band-scale-lock) strong { font-size: 16px !important; line-height: 1.15 !important; } .landing-lender-grid.showcase:not(#sq-landing-lower-band-scale-lock) span { height: 84px !important; padding: 14px 18px !important; } .landing-lender-grid.showcase:not(#sq-landing-lower-band-scale-lock) img { max-height: 52px !important; } .landing-lender-grid.showcase:not(#sq-landing-lower-band-scale-lock) img.landing-logo-badge { max-height: 62px !important; } .landing-lender-grid.showcase:not(#sq-landing-lower-band-scale-lock) img.landing-logo-loanunited { max-height: 58px !important; } .landing-pricing-proof-strip:not(#sq-landing-lower-band-scale-lock) { gap: 11px !important; margin-top: 22px !important; width: min(100%, 360px) !important; } .landing-pricing-proof-strip:not(#sq-landing-lower-band-scale-lock) span { font-size: 13px !important; min-height: 40px !important; padding: 10px 14px 10px 17px !important; } @media (max-width: 980px) { .landing-logo-band:not(#sq-landing-lower-band-scale-lock) { grid-template-columns: minmax(0, 1fr) !important; } } /* Landing Best Path polish: give the comparison screenshot its own larger stage. */ .landing-pricing-feature:not(#sq-landing-best-path-scale-lock) { gap: clamp(52px, 5vw, 88px) !important; grid-template-columns: minmax(470px, .55fr) minmax(760px, 1fr) !important; max-width: none !important; padding-bottom: 72px !important; padding-left: max(28px, calc((100vw - 1500px) / 2 + 28px)) !important; padding-right: max(28px, calc((100vw - 1500px) / 2 + 28px)) !important; padding-top: 72px !important; } .landing-pricing-feature:not(#sq-landing-best-path-scale-lock) .landing-section-copy { max-width: 580px !important; } .landing-pricing-feature:not(#sq-landing-best-path-scale-lock) .landing-section-copy h2 { font-size: clamp(46px, 3vw, 56px) !important; line-height: 1.02 !important; max-width: 580px !important; } .landing-pricing-feature:not(#sq-landing-best-path-scale-lock) .landing-section-copy p { font-size: 17px !important; line-height: 1.5 !important; max-width: 570px !important; } .landing-pricing-feature:not(#sq-landing-best-path-scale-lock) .landing-path-proof-strip { gap: 11px !important; margin-top: 24px !important; width: min(100%, 370px) !important; } .landing-pricing-feature:not(#sq-landing-best-path-scale-lock) .landing-path-proof-strip span { font-size: 13px !important; min-height: 40px !important; padding: 10px 14px 10px 17px !important; } .landing-pricing-feature:not(#sq-landing-best-path-scale-lock) .landing-screenshot-card-pricing { justify-self: stretch !important; max-width: 920px !important; width: 100% !important; } .landing-pricing-feature:not(#sq-landing-best-path-scale-lock) .landing-screenshot-card-pricing img { height: clamp(510px, 32vw, 600px) !important; } @media (max-width: 1280px) { .landing-pricing-feature:not(#sq-landing-best-path-scale-lock) { grid-template-columns: minmax(0, 1fr) !important; } .landing-pricing-feature:not(#sq-landing-best-path-scale-lock) .landing-screenshot-card-pricing { max-width: 920px !important; } } .landing-nav-actions .landing-login-trigger, .landing-hero-actions .landing-hero-login-trigger { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.34); color: #fff; font-weight: 900; min-width: 116px; } .landing-nav-actions .landing-login-trigger:hover, .landing-nav-actions .landing-login-trigger:focus, .landing-hero-actions .landing-hero-login-trigger:hover, .landing-hero-actions .landing-hero-login-trigger:focus { background: rgba(255,255,255,.20); border-color: rgba(255,255,255,.52); color: #fff; outline: 0; } @media (max-width: 1320px) { .landing-hero-product-shot { right: 12px; top: 132px; width: 560px; } .landing-hero-product-shot.landing-hero-borrower-shot { right: 8px; top: 140px; width: 540px; } } @media (max-width: 1180px) { .landing-hero-product-shot { opacity: .28; right: -180px; top: 118px; width: 720px; } .landing-hero-copy-logo-led:not(#sq-landing-hero-product-shot-lock) { max-width: 860px !important; } } @media (max-width: 760px) { .landing-hero-product-shot { display: none; } } @media (max-width: 640px) { html, body { max-width: 100%; overflow-x: hidden; } .landing-shell { overflow-x: hidden; } .landing-hero-copy, .landing-hero-copy-logo-led, .landing-hero-brand-lockup, .landing-hero-wordmark, .landing-hero-pills, .landing-hero-actions, .landing-logo-band > div, .landing-section-copy, .landing-proof-strip, .landing-integrations-grid, .landing-integration-card { box-sizing: border-box; max-width: min(350px, calc(100vw - 40px)) !important; } .landing-logo-band, .landing-section, .landing-cta { grid-template-columns: minmax(0, 1fr) !important; max-width: 100%; overflow-x: hidden; } .landing-logo-band > div, .landing-section-copy, .landing-integrations-grid { min-width: 0; width: 100%; } .landing-logo-band h2, .landing-section-copy h2, .landing-cta h2 { font-size: 28px; max-width: 100%; overflow-wrap: anywhere; } .landing-hero-pills { max-width: 100%; width: 100%; } .landing-hero-pills span { box-sizing: border-box; display: block; flex: 1 1 100%; max-width: 100%; min-width: 0; width: 100%; } .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > span:first-child { flex: 0 0 auto !important; justify-self: start !important; max-width: max-content !important; min-width: 0 !important; width: auto !important; } } @media (max-width: 480px) { .landing-hero-copy, .landing-hero-copy-logo-led, .landing-hero-brand-lockup, .landing-hero-wordmark, .landing-hero-pills, .landing-hero-actions, .landing-logo-band > div, .landing-section-copy, .landing-proof-strip, .landing-integrations-grid, .landing-integration-card { max-width: min(350px, calc(100vw - 40px)) !important; } .landing-logo-band h2, .landing-section-copy h2, .landing-cta h2 { font-size: 27px; line-height: 1.16; } } .mini-rate-snapshot-head button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-expanded-workspace-frame .mini-rate-snapshot-head button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .lead-inline-detail-stack .mini-rate-snapshot-head button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle), .selected-lead-panel .mini-rate-snapshot-head button.piggyback-bubble.is-compact:not(.mini-formal-compact-toggle) { flex: 0 0 auto !important; min-width: 58px !important; padding-left: 10px !important; padding-right: 10px !important; width: auto !important; } @media (max-width: 640px) { .lead-inline-detail-stack .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)::after, .selected-lead-panel .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)::after, .lead-expanded-workspace-frame .mini-rate-snapshot-frame > .mini-rate-snapshot-head.has-first-mortgage-actions:has(> .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)) > .piggyback-bubble.is-compact:not(.mini-formal-compact-toggle)::after { content: "Piggy" !important; } } .settings-card:not(#sq-settings-admin-type-soft-lock), .settings-accordion:not(#sq-settings-admin-type-soft-lock), .admin-control-center:not(#sq-settings-admin-type-soft-lock) { -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision; } .settings-card :is(h2,h3,h4):not(#sq-settings-admin-type-soft-lock), .settings-accordion-title strong:not(#sq-settings-admin-type-soft-lock), .admin-control-center :is(h2,h3,h4):not(#sq-settings-admin-type-soft-lock), .admin-window-tab:not(#sq-settings-admin-type-soft-lock), .admin-tab-section > summary > span:first-child:not(#sq-settings-admin-type-soft-lock), .admin-inline-tab-section > summary > span:first-child:not(#sq-settings-admin-type-soft-lock) { color: color-mix(in srgb, var(--ink) 90%, var(--muted)) !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.2 !important; } .settings-accordion-title small:not(#sq-settings-admin-type-soft-lock), .settings-placeholder-grid span:not(#sq-settings-admin-type-soft-lock), .admin-control-center :is(.eyebrow,th,.admin-feature-group h3,.admin-audit-group h4):not(#sq-settings-admin-type-soft-lock) { color: color-mix(in srgb, var(--section-label) 82%, var(--muted)) !important; font-weight: 700 !important; letter-spacing: .035em !important; line-height: 1.12 !important; } .settings-accordion-summary-copy:not(#sq-settings-admin-type-soft-lock), .settings-card :is(p,.meta,small):not(.eyebrow):not(#sq-settings-admin-type-soft-lock), .settings-placeholder-grid strong:not(#sq-settings-admin-type-soft-lock), .admin-control-center :is(p,.meta,small,td,.admin-feature-subtitle,.admin-feature-count,.admin-account-form label,.admin-nmls-parse-row span,.admin-audit-counts,.admin-compact-list span,.admin-preview-account-card span,.admin-preview-account-card small):not(#sq-settings-admin-type-soft-lock) { color: color-mix(in srgb, var(--muted) 88%, var(--ink)) !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.34 !important; } .settings-summary-status-item:not(#sq-settings-admin-type-soft-lock), .settings-accordion-summary em:not(#sq-settings-admin-type-soft-lock), .admin-control-center :is(.admin-metric-card span,.admin-metric-card strong,.admin-table td strong,.admin-sort-header,.admin-status-pill,.admin-expiration-text,.admin-preview-account-card strong,.admin-trial-access-head strong,.admin-trial-policy-head strong,.admin-audit-counts b,.admin-compact-list strong,.admin-compact-count-list span,.admin-compact-count-list b,.admin-bar-row span,.admin-bar-row b,.admin-activity-list strong):not(#sq-settings-admin-type-soft-lock) { font-weight: 700 !important; letter-spacing: 0 !important; } .admin-control-center :is(input,select,textarea,button,.btn):not(#sq-settings-admin-type-soft-lock), .settings-card :is(input,select,textarea,button,.btn):not(#sq-settings-admin-type-soft-lock) { font-weight: 600 !important; letter-spacing: 0 !important; } .settings-card :is(.eyebrow,.account-license-form > label,.account-verification-summary span,.account-license-states > summary small,.settings-placeholder-grid span):not(#sq-settings-caption-soft-lock), .settings-accordion-title small:not(#sq-settings-caption-soft-lock), .settings-accordion-summary-copy:not(#sq-settings-caption-soft-lock), .admin-control-center :is(.eyebrow,.admin-account-form label,.admin-inline-tab-section > summary small,.admin-license-states > summary small,.admin-trial-access-head span,.admin-trial-policy-head small,.admin-policy-check small,.admin-nmls-parse-row span,.admin-audit-section-head span,.admin-audit-counts,.admin-audit-group h4):not(#sq-settings-caption-soft-lock) { color: color-mix(in srgb, var(--muted) 86%, var(--ink)) !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.3 !important; } .settings-card :is(.eyebrow,.account-verification-summary span,.settings-placeholder-grid span):not(#sq-settings-caption-soft-lock), .settings-accordion-title small:not(#sq-settings-caption-soft-lock), .admin-control-center :is(.eyebrow,.admin-audit-group h4):not(#sq-settings-caption-soft-lock) { letter-spacing: .035em !important; text-transform: uppercase; } .settings-card .account-license-note:not(#sq-settings-caption-soft-lock), .settings-card :is(p,.meta):not(.eyebrow):not(#sq-settings-caption-soft-lock), .admin-control-center :is(p,.meta,.admin-feature-subtitle,.admin-feature-count):not(#sq-settings-caption-soft-lock) { color: color-mix(in srgb, var(--muted) 90%, var(--ink)) !important; font-weight: 500 !important; line-height: 1.42 !important; } .settings-card .account-license-form .account-license-check span:not(#sq-settings-caption-soft-lock), .settings-card .account-license-states > summary span:not(#sq-settings-caption-soft-lock), .settings-card .account-verification-summary strong:not(#sq-settings-caption-soft-lock), .admin-control-center :is(.admin-trial-access-head strong,.admin-trial-policy-head strong,.admin-policy-check span):not(#sq-settings-caption-soft-lock) { font-weight: 700 !important; letter-spacing: 0 !important; } html[data-theme="dark"] body .settings-card :is(.eyebrow,.account-license-form > label,.account-verification-summary span,.account-license-states > summary small,.settings-placeholder-grid span):not(#sq-settings-caption-soft-lock), html[data-theme="dark"] body .settings-accordion-title small:not(#sq-settings-caption-soft-lock), html[data-theme="dark"] body .settings-accordion-summary-copy:not(#sq-settings-caption-soft-lock), html[data-theme="dark"] body .admin-control-center :is(.eyebrow,.admin-account-form label,.admin-inline-tab-section > summary small,.admin-license-states > summary small,.admin-trial-access-head span,.admin-trial-policy-head small,.admin-policy-check small,.admin-nmls-parse-row span,.admin-audit-section-head span,.admin-audit-counts,.admin-audit-group h4):not(#sq-settings-caption-soft-lock) { color: color-mix(in srgb, #c7d9e8 82%, var(--muted)) !important; } /* Settings / LO Branding readability pass. */ .settings-card .account-license-card .account-license-title-row h3:not(#sq-lo-branding-readability-lock) { color: color-mix(in srgb, var(--ink) 92%, var(--primary)) !important; font-size: 20px !important; font-weight: 850 !important; line-height: 1.15 !important; } .settings-card .account-license-card .account-license-note:not(#sq-lo-branding-readability-lock) { color: color-mix(in srgb, var(--muted) 72%, var(--ink)) !important; font-size: 13px !important; font-weight: 650 !important; } .settings-card .account-license-card .account-license-section:not(#sq-lo-branding-readability-lock) { background: linear-gradient(180deg, color-mix(in srgb, var(--soft) 24%, var(--paper)), var(--paper)) !important; border: 1px solid color-mix(in srgb, var(--line) 78%, var(--primary)) !important; border-left: 2px solid color-mix(in srgb, var(--accent) 34%, var(--line)) !important; box-shadow: 0 5px 14px rgba(9,28,46,.025) !important; } .settings-card .account-license-card .account-license-section:is(:hover,:focus-within):not(#sq-lo-branding-readability-lock) { border-color: color-mix(in srgb, var(--accent) 36%, var(--line)) !important; box-shadow: 0 7px 18px rgba(9,28,46,.045), inset 0 0 0 1px color-mix(in srgb, var(--accent) 6%, transparent) !important; } .settings-card .account-license-card .account-license-section-head h4:not(#sq-lo-branding-readability-lock) { color: color-mix(in srgb, var(--ink) 90%, var(--primary)) !important; font-size: 15.5px !important; font-weight: 850 !important; line-height: 1.12 !important; } .settings-card .account-license-card .account-license-section-head p:not(#sq-lo-branding-readability-lock) { color: color-mix(in srgb, var(--muted) 74%, var(--ink)) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.35 !important; } .settings-card .account-license-card .account-license-form label:not(#sq-lo-branding-readability-lock) { color: color-mix(in srgb, var(--ink) 76%, var(--primary)) !important; font-size: 12px !important; font-weight: 780 !important; letter-spacing: 0 !important; } .settings-card .account-license-card .account-license-form input:not([type="checkbox"]):not(#sq-lo-branding-readability-lock) { border-color: color-mix(in srgb, var(--line) 58%, var(--primary)) !important; color: var(--ink) !important; font-weight: 700 !important; } .settings-card .account-license-card .account-license-form input:not([type="checkbox"]):is(:hover,:focus):not(#sq-lo-branding-readability-lock) { border-color: color-mix(in srgb, var(--accent) 70%, var(--primary)) !important; } .settings-card .account-license-card .account-license-check:not(#sq-lo-branding-readability-lock) { border-color: color-mix(in srgb, var(--accent) 42%, var(--line)) !important; } .settings-card .account-license-card .account-license-check span:not(#sq-lo-branding-readability-lock), .settings-card .account-license-card .account-license-states > summary span:not(#sq-lo-branding-readability-lock), .settings-card .account-license-card .account-verification-summary strong:not(#sq-lo-branding-readability-lock) { color: color-mix(in srgb, var(--ink) 88%, var(--primary)) !important; font-weight: 800 !important; } .settings-card .account-license-card .account-license-states > summary small:not(#sq-lo-branding-readability-lock), .settings-card .account-license-card .account-verification-summary span:not(#sq-lo-branding-readability-lock) { color: color-mix(in srgb, var(--primary) 70%, var(--muted)) !important; font-weight: 800 !important; } .settings-card .account-license-card .billing-action-row:not(#sq-lo-branding-readability-lock) { align-items: center; background: color-mix(in srgb, var(--soft) 35%, var(--paper)); border: 1px solid color-mix(in srgb, var(--line) 68%, var(--primary)); border-radius: 8px; grid-column: 1 / -1; padding: 10px; } html[data-theme="dark"] body .settings-card .account-license-card .account-license-section:not(#sq-lo-branding-readability-lock) { background: linear-gradient(180deg, color-mix(in srgb, #111d28 72%, var(--paper)), var(--paper)) !important; border-color: color-mix(in srgb, #4d6b86 54%, var(--line)) !important; border-left-color: color-mix(in srgb, var(--accent) 34%, #4d6b86) !important; box-shadow: 0 8px 20px rgba(0,0,0,.18) !important; } html[data-theme="dark"] body .settings-card .account-license-card .account-license-section-head h4:not(#sq-lo-branding-readability-lock), html[data-theme="dark"] body .settings-card .account-license-card .account-license-form label:not(#sq-lo-branding-readability-lock), html[data-theme="dark"] body .settings-card .account-license-card .account-license-states > summary span:not(#sq-lo-branding-readability-lock) { color: #edf5fb !important; } html[data-theme="dark"] body .settings-card .account-license-card .account-license-verified-badge:not(#sq-lo-branding-readability-lock) { background: color-mix(in srgb, var(--success) 24%, #102419) !important; border-color: color-mix(in srgb, var(--success) 72%, #4d6b86) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 8px rgba(0,0,0,.18) !important; color: #baf4cf !important; } html[data-theme="dark"] body .settings-card .account-license-card .account-license-section-head p:not(#sq-lo-branding-readability-lock), html[data-theme="dark"] body .settings-card .account-license-card .account-license-note:not(#sq-lo-branding-readability-lock) { color: #b8cad9 !important; } /* Settings: match Calculators by letting the accordion rows sit directly on the workspace. */ .settings-layout-single > .settings-drawer-card:not(#sq-settings-wrapper-backing-lock) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } /* Settings windows: two-up on wide screens, including expanded sections. */ @media (min-width: 1180px) { body[data-app-view="settings"] .settings-card .settings-accordion-stack:not(#sq-settings-two-up-lock) { align-items: start; grid-template-columns: repeat(2,minmax(0,1fr)); } body[data-app-view="settings"] .settings-card .settings-accordion-column:not(#sq-settings-two-up-lock) { align-content: start; display: grid; gap: 10px; min-width: 0; } body[data-app-view="settings"] .settings-card .settings-accordion[open]:not(#sq-settings-two-up-lock) { grid-column: auto; min-width: 0; } } body[data-app-view="settings"] .settings-card .settings-accordion[open] .setup-guide-grid:not(#sq-settings-two-up-expanded-lock) { grid-template-columns: repeat(auto-fit,minmax(min(260px,100%),1fr)) !important; } body[data-app-view="settings"] .settings-card .settings-accordion[open] :is(.account-license-field-grid,.account-quote-action-link-grid,.account-verification-summary):not(#sq-settings-two-up-expanded-lock) { grid-template-columns: repeat(auto-fit,minmax(min(210px,100%),1fr)) !important; } body[data-app-view="settings"] .settings-card .settings-accordion[open] .account-license-wide:not(#sq-settings-two-up-expanded-lock) { grid-column: 1 / -1 !important; } body[data-app-view="settings"] .settings-card .settings-accordion[open] :is(.workspace-color-form,.workspace-font-form,.settings-brand-color-row):not(#sq-settings-two-up-expanded-lock) { grid-template-columns: repeat(auto-fit,minmax(min(170px,100%),1fr)) !important; } body[data-app-view="settings"] .settings-card .settings-accordion[open] .settings-preset-strip:not(#sq-settings-two-up-expanded-lock) { grid-template-columns: repeat(auto-fit,minmax(min(128px,100%),1fr)) !important; } body[data-app-view="settings"] .settings-card .settings-accordion[open] .billing-summary-grid:not(#sq-settings-two-up-expanded-lock) { grid-template-columns: repeat(auto-fit,minmax(min(132px,100%),1fr)) !important; } body[data-app-view="settings"] .settings-card .settings-accordion[open] .billing-plan-grid:not(#sq-settings-two-up-expanded-lock) { grid-template-columns: repeat(auto-fit,minmax(min(150px,100%),1fr)) !important; } @media (min-width: 1180px) { body[data-app-view="settings"] .settings-card .settings-accordion[open] > .settings-accordion-summary.has-summary-copy:not(#sq-settings-two-up-expanded-lock) { grid-template-columns: minmax(0,1fr) auto; } body[data-app-view="settings"] .settings-card .settings-accordion[open] > .settings-accordion-summary.has-summary-copy > .settings-accordion-title:not(#sq-settings-two-up-expanded-lock) { grid-column: 1; grid-row: 1; } body[data-app-view="settings"] .settings-card .settings-accordion[open] > .settings-accordion-summary.has-summary-copy > em:not(#sq-settings-two-up-expanded-lock) { align-self: start; grid-column: 2; grid-row: 1; justify-self: end; } body[data-app-view="settings"] .settings-card .settings-accordion[open] > .settings-accordion-summary.has-summary-copy > .settings-accordion-summary-copy:not(#sq-settings-two-up-expanded-lock) { grid-column: 1 / -1; grid-row: 2; justify-self: start; } } /* Settings section-card pattern shared by Configuration, Workspace, and Billing. */ .settings-card :is(.setup-guide-card,.workspace-color-panel,.billing-settings-card):not(#sq-settings-section-card-lock) { background: linear-gradient(180deg, color-mix(in srgb, var(--soft) 24%, var(--paper)), var(--paper)) !important; border: 1px solid color-mix(in srgb, var(--line) 78%, var(--primary)) !important; border-left: 2px solid color-mix(in srgb, var(--accent) 34%, var(--line)) !important; border-radius: 8px !important; box-shadow: 0 5px 14px rgba(9,28,46,.025) !important; min-width: 0; padding: 13px 14px 14px !important; } .settings-card :is(.setup-guide-card,.workspace-color-panel,.billing-settings-card):is(:hover,:focus-within):not(#sq-settings-section-card-lock) { border-color: color-mix(in srgb, var(--accent) 36%, var(--line)) !important; box-shadow: 0 7px 18px rgba(9,28,46,.045), inset 0 0 0 1px color-mix(in srgb, var(--accent) 6%, transparent) !important; } .settings-card .settings-accordion:not(#sq-settings-accordion-card-lock) { background: linear-gradient(180deg, color-mix(in srgb, var(--soft) 30%, var(--paper)), var(--paper)) !important; border: 1px solid color-mix(in srgb, var(--line) 58%, var(--primary)) !important; border-left: 4px solid color-mix(in srgb, var(--accent) 72%, var(--primary)) !important; border-radius: 8px !important; box-shadow: 0 8px 22px rgba(9,28,46,.035) !important; overflow: hidden; } .settings-card .settings-accordion:not([open]):not(#sq-settings-accordion-card-lock) { background: color-mix(in srgb, var(--soft) 18%, var(--paper)) !important; } .settings-card .settings-accordion:is(:hover,:focus-within):not(#sq-settings-accordion-card-lock) { border-color: color-mix(in srgb, var(--accent) 58%, var(--primary)) !important; box-shadow: 0 10px 26px rgba(9,28,46,.065), inset 0 0 0 1px color-mix(in srgb, var(--accent) 9%, transparent) !important; } .settings-card .settings-accordion > .settings-accordion-summary:not(#sq-settings-accordion-card-lock) { padding-left: 13px !important; } .settings-card .settings-accordion[open] > .settings-accordion-summary:not(#sq-settings-accordion-card-lock) { background: color-mix(in srgb, var(--soft) 20%, var(--paper)) !important; } .settings-card .setup-guide-grid:not(#sq-settings-section-card-lock) { align-items: stretch; gap: 12px; grid-template-columns: repeat(2,minmax(280px,1fr)); } .settings-card .setup-guide-card-head:not(#sq-settings-section-card-lock), .settings-card .workspace-color-head:not(#sq-settings-section-card-lock), .settings-card .billing-settings-head:not(#sq-settings-section-card-lock) { border-bottom: 1px solid color-mix(in srgb, var(--line) 74%, transparent); padding-bottom: 9px; } .settings-card .setup-guide-card-head:not(#sq-settings-section-card-lock) { align-items: start; border-bottom: 0 !important; display: grid; gap: 4px 10px; grid-template-columns: minmax(0,1fr) auto; padding-bottom: 0 !important; } .settings-card .setup-guide-card-head:not(#sq-settings-section-card-lock)::after { background: color-mix(in srgb, var(--line) 74%, transparent); content: ""; display: block; grid-column: 1 / -1; height: 1px; margin-top: 5px; width: 100%; } .settings-card .setup-guide-card-head h3:not(#sq-settings-section-card-lock), .settings-card .billing-settings-head h3:not(#sq-settings-section-card-lock) { color: color-mix(in srgb, var(--ink) 90%, var(--primary)) !important; font-size: 15.5px !important; font-weight: 850 !important; line-height: 1.12 !important; margin: 0 !important; } .settings-card .setup-guide-card-head span:not(#sq-settings-section-card-lock), .settings-card .billing-status-pill:not(#sq-settings-section-card-lock) { align-self: start; background: color-mix(in srgb, var(--accent) 10%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 38%, var(--line)) !important; color: color-mix(in srgb, var(--accent) 74%, var(--ink)) !important; font-weight: 850 !important; letter-spacing: 0 !important; } .settings-card .workspace-color-head .control-framed-label:not(#sq-settings-section-card-lock) { color: color-mix(in srgb, var(--ink) 90%, var(--primary)) !important; font-size: 15.5px !important; font-weight: 850 !important; min-height: 30px !important; } .settings-card .setup-guide-card-body:not(#sq-settings-section-card-lock) { gap: 11px !important; } .settings-card .setup-guide-card-body .meta:not(#sq-settings-section-card-lock), .settings-card .billing-settings-head .eyebrow:not(#sq-settings-section-card-lock) { color: color-mix(in srgb, var(--muted) 74%, var(--ink)) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.35 !important; } .settings-card .setup-steps:not(#sq-settings-section-card-lock) { color: color-mix(in srgb, var(--ink) 68%, var(--muted)) !important; font-size: 12px !important; font-weight: 650 !important; line-height: 1.42 !important; padding-left: 20px !important; } .settings-card .setup-steps li::marker { color: color-mix(in srgb, var(--primary) 70%, var(--muted)); font-weight: 850; } .settings-card .setup-action-row:not(#sq-settings-section-card-lock), .settings-card .billing-action-row:not(#sq-settings-section-card-lock) { align-items: center; border-top: 1px solid color-mix(in srgb, var(--line) 58%, transparent); margin-top: 2px; padding-top: 10px; } .settings-card .billing-summary-grid div:not(#sq-settings-section-card-lock) { background: color-mix(in srgb, var(--soft) 50%, var(--paper)) !important; border-color: color-mix(in srgb, var(--line) 58%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.58); } .settings-card .billing-summary-grid span:not(#sq-settings-section-card-lock) { color: color-mix(in srgb, var(--primary) 70%, var(--muted)) !important; font-weight: 800 !important; letter-spacing: .035em !important; } .settings-card .billing-summary-grid strong:not(#sq-settings-section-card-lock) { color: color-mix(in srgb, var(--ink) 90%, var(--primary)) !important; font-weight: 850 !important; } .settings-card .workspace-color-form:not(#sq-settings-section-card-lock), .settings-card .workspace-font-form:not(#sq-settings-section-card-lock), .settings-card .billing-summary-grid:not(#sq-settings-section-card-lock) { gap: 10px !important; } html[data-theme="dark"] body .settings-card :is(.setup-guide-card,.workspace-color-panel,.billing-settings-card):not(#sq-settings-section-card-lock) { background: linear-gradient(180deg, color-mix(in srgb, #111d28 72%, var(--paper)), var(--paper)) !important; border-color: color-mix(in srgb, #4d6b86 54%, var(--line)) !important; border-left-color: color-mix(in srgb, var(--accent) 34%, #4d6b86) !important; box-shadow: 0 8px 20px rgba(0,0,0,.18) !important; } html[data-theme="dark"] body .settings-card .settings-accordion:not(#sq-settings-accordion-card-lock) { background: linear-gradient(180deg, color-mix(in srgb, #111d28 70%, var(--paper)), var(--paper)) !important; border-color: color-mix(in srgb, #4d6b86 72%, var(--line)) !important; border-left-color: color-mix(in srgb, var(--accent) 70%, #4d6b86) !important; box-shadow: 0 12px 28px rgba(0,0,0,.22) !important; } html[data-theme="dark"] body .settings-card .settings-accordion[open] > .settings-accordion-summary:not(#sq-settings-accordion-card-lock) { background: color-mix(in srgb, #111d28 58%, var(--paper)) !important; } html[data-theme="dark"] body .settings-card :is(.setup-guide-card-head h3,.billing-settings-head h3,.workspace-color-head .control-framed-label):not(#sq-settings-section-card-lock) { color: #edf5fb !important; } html[data-theme="dark"] body .settings-card :is(.setup-guide-card-body .meta,.setup-steps,.billing-settings-head .eyebrow):not(#sq-settings-section-card-lock) { color: #b8cad9 !important; } /* Non-Leads section-card continuation. Keep the lead desk/pricing editor untouched. */ body:not([data-app-view="leads"]) :is( .control-page .control-collapsible-section, .calculators-page > .calculator-card, .workspace.pipeline-workspace > .pipeline-side-panel, .admin-control-center > .panel, .admin-control-center > .admin-tab-section, .admin-control-center > .admin-inline-tab-section, .mismo-standalone-card, .workspace.no-side-panel > div > .panel ):not(#sq-non-leads-section-card-lock) { background: linear-gradient(180deg, color-mix(in srgb, var(--soft) 26%, var(--paper)), var(--paper)) !important; border: 1px solid color-mix(in srgb, var(--line) 64%, var(--primary)) !important; border-left: 4px solid color-mix(in srgb, var(--accent) 68%, var(--primary)) !important; border-radius: 8px !important; box-shadow: 0 8px 22px rgba(9,28,46,.035) !important; } body:not([data-app-view="leads"]) :is( .control-page .control-collapsible-section, .calculators-page > .calculator-card, .workspace.pipeline-workspace > .pipeline-side-panel, .admin-control-center > .panel, .admin-control-center > .admin-tab-section, .admin-control-center > .admin-inline-tab-section, .mismo-standalone-card, .workspace.no-side-panel > div > .panel ):is(:hover,:focus-within):not(#sq-non-leads-section-card-lock) { border-color: color-mix(in srgb, var(--accent) 48%, var(--primary)) !important; box-shadow: 0 10px 26px rgba(9,28,46,.055), inset 0 0 0 1px color-mix(in srgb, var(--accent) 7%, transparent) !important; } body[data-app-view="calculators"] .calculators-page > .calculator-card.calculator-collapsible-section:not([open]):not(#sq-calculator-collapsed-card-lock) { background: color-mix(in srgb, var(--soft) 18%, var(--paper)) !important; border: 1px solid color-mix(in srgb, var(--primary) 44%, var(--line)) !important; border-left: 4px solid color-mix(in srgb, var(--accent) 76%, var(--primary)) !important; box-shadow: 0 6px 18px rgba(9,28,46,.04) !important; min-height: 54px; padding: 10px 12px !important; } body[data-app-view="calculators"] .calculators-page > .calculator-card.calculator-collapsible-section:not([open]) > .calculator-card-head:not(#sq-calculator-collapsed-card-lock) { align-items: center; min-height: 32px; } body[data-app-view="calculators"] .calculators-page > .calculator-card.calculator-collapsible-section:not([open]) .control-framed-label:not(#sq-calculator-collapsed-card-lock) { background: color-mix(in srgb, var(--paper) 90%, var(--soft)) !important; border-color: color-mix(in srgb, var(--accent) 28%, var(--line)) !important; color: var(--primary) !important; font-weight: 720 !important; } body[data-app-view="calculators"] .calculators-page > .calculator-card.calculator-collapsible-section:not([open]):is(:hover,:focus-within):not(#sq-calculator-collapsed-card-lock) { background: color-mix(in srgb, var(--paper) 90%, var(--soft)) !important; border-color: color-mix(in srgb, var(--accent) 28%, var(--line)) !important; box-shadow: 0 8px 22px rgba(9,28,46,.035) !important; } body:not([data-app-view="leads"]) :is( .workspace.pipeline-workspace .pipeline-panel-card, .funded-expanded .pipeline-section, .control-page .rate-notification-pane ):not(#sq-non-leads-nested-card-lock) { border-color: color-mix(in srgb, var(--line) 78%, var(--primary)) !important; border-left: 2px solid color-mix(in srgb, var(--accent) 30%, var(--line)) !important; box-shadow: 0 5px 14px rgba(9,28,46,.022) !important; } html[data-theme="dark"] body:not([data-app-view="leads"]) :is( .control-page .control-collapsible-section, .calculators-page > .calculator-card, .workspace.pipeline-workspace > .pipeline-side-panel, .admin-control-center > .panel, .admin-control-center > .admin-tab-section, .admin-control-center > .admin-inline-tab-section, .mismo-standalone-card, .workspace.no-side-panel > div > .panel ):not(#sq-non-leads-section-card-lock) { background: linear-gradient(180deg, color-mix(in srgb, #111d28 68%, var(--paper)), var(--paper)) !important; border-color: color-mix(in srgb, #4d6b86 70%, var(--line)) !important; border-left-color: color-mix(in srgb, var(--accent) 66%, #4d6b86) !important; box-shadow: 0 12px 28px rgba(0,0,0,.22) !important; } html[data-theme="dark"] body[data-app-view="calculators"] .calculators-page > .calculator-card.calculator-collapsible-section:not([open]):not(#sq-calculator-collapsed-card-lock) { background: color-mix(in srgb, #111d28 72%, var(--paper)) !important; border-color: color-mix(in srgb, #4d6b86 68%, var(--line)) !important; border-left-color: color-mix(in srgb, var(--accent) 70%, #4d6b86) !important; box-shadow: 0 10px 24px rgba(0,0,0,.2) !important; } html[data-theme="dark"] body[data-app-view="calculators"] .calculators-page > .calculator-card.calculator-collapsible-section:not([open]) .control-framed-label:not(#sq-calculator-collapsed-card-lock) { background: color-mix(in srgb, #111d28 72%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 38%, #4d6b86) !important; color: #edf5fb !important; } html[data-theme="dark"] body:not([data-app-view="leads"]) :is( .workspace.pipeline-workspace .pipeline-panel-card, .funded-expanded .pipeline-section, .control-page .rate-notification-pane ):not(#sq-non-leads-nested-card-lock) { border-color: color-mix(in srgb, #4d6b86 52%, var(--line)) !important; border-left-color: color-mix(in srgb, var(--accent) 34%, #4d6b86) !important; box-shadow: 0 8px 20px rgba(0,0,0,.16) !important; } body[data-app-view="quotePreview"] .workspace.quote-preview-shell-workspace > .quote-preview-workspace:not(#sq-quote-preview-outer-frame-lock), body[data-app-view="quotePreview"] .workspace.quote-preview-shell-workspace > .quote-preview-workspace:is(:hover,:focus-within):not(#sq-quote-preview-outer-frame-lock), html[data-theme="dark"] body[data-app-view="quotePreview"] .workspace.quote-preview-shell-workspace > .quote-preview-workspace:not(#sq-quote-preview-outer-frame-lock), html[data-theme="dark"] body[data-app-view="quotePreview"] .workspace.quote-preview-shell-workspace > .quote-preview-workspace:is(:hover,:focus-within):not(#sq-quote-preview-outer-frame-lock) { background: transparent !important; border: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } body[data-app-view="quotePreview"] .workspace.quote-preview-shell-workspace:not(#sq-quote-preview-grey-stage-lock), body[data-app-view="quotePreview"] .workspace.quote-preview-shell-workspace.has-side-panel:not(#sq-quote-preview-grey-stage-lock), body[data-app-view="quotePreview"] .workspace.quote-preview-shell-workspace.has-lead-rail:not(#sq-quote-preview-grey-stage-lock), body[data-app-view="quotePreview"] .workspace.quote-preview-shell-workspace.no-side-panel:not(#sq-quote-preview-grey-stage-lock) { background: var(--window-bg) !important; } body[data-app-view="quotePreview"] .quote-preview-frame:not(#sq-quote-preview-outer-frame-lock), html[data-theme="dark"] body[data-app-view="quotePreview"] .quote-preview-frame:not(#sq-quote-preview-outer-frame-lock) { background: transparent !important; box-shadow: none !important; } body:not([data-app-view="leads"]) .app-main:not(#sq-project-grey-stage-lock), body:not([data-app-view="leads"]) .workspace:not(#sq-project-grey-stage-lock), body:not([data-app-view="leads"]) .workspace.has-side-panel:not(#sq-project-grey-stage-lock), body:not([data-app-view="leads"]) .workspace.has-lead-rail:not(#sq-project-grey-stage-lock), body:not([data-app-view="leads"]) .workspace.no-side-panel:not(#sq-project-grey-stage-lock), body:not([data-app-view="leads"]) .workspace.filter-mode:not(#sq-project-grey-stage-lock), body:not([data-app-view="leads"]) .workspace.funded-workspace:not(#sq-project-grey-stage-lock), body:not([data-app-view="leads"]) .workspace.pipeline-workspace:not(#sq-project-grey-stage-lock) { background: var(--window-bg) !important; } body:has(> .borrower-quote-page):not(#sq-quote-preview-grey-stage-lock) { background: var(--window-bg) !important; } .borrower-quote-page:not(#sq-quote-preview-grey-stage-lock) { background: var(--window-bg) !important; } html[data-theme="dark"] .borrower-quote-page:not(#sq-quote-preview-grey-stage-lock) { background: var(--window-bg) !important; } @media (max-width: 980px) { .account-license-field-grid, .account-quote-action-link-grid, .account-verification-summary, .settings-card .setup-guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 640px) { .account-license-field-grid, .account-quote-action-link-grid, .account-verification-summary, .settings-card .setup-guide-grid { grid-template-columns: minmax(0,1fr); } .account-license-wide { grid-column: 1 / -1; } } .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-fico:not(#sq-existing-loan-ratio-row-lock), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-fico:not(#sq-existing-loan-ratio-row-lock), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-fico:not(#sq-existing-loan-ratio-row-lock) { grid-column: 1 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-ltv:not(#sq-existing-loan-ratio-row-lock), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-ltv:not(#sq-existing-loan-ratio-row-lock), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-ltv:not(#sq-existing-loan-ratio-row-lock) { grid-column: 2 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair:not(#sq-existing-loan-ratio-row-lock), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair:not(#sq-existing-loan-ratio-row-lock), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair:not(#sq-existing-loan-ratio-row-lock) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; grid-column: 2 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields:has(> .scenario-field-second-current-rate) > :is(.scenario-field-occupancy,.scenario-field-purpose):not(#sq-existing-loan-ratio-row-lock), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields:has(> .scenario-field-second-current-rate) > :is(.scenario-field-occupancy,.scenario-field-purpose):not(#sq-existing-loan-ratio-row-lock), .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields:has(> .scenario-field-second-current-rate) > :is(.scenario-field-occupancy,.scenario-field-purpose):not(#sq-existing-loan-ratio-row-lock) { grid-row: 5 !important; } html[data-theme="dark"] body details:not([open]) > .editor-section-summary:is(:focus,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body details:not([open]) > .mini-rate-snapshot-head:is(:focus,:focus-visible,:focus-within) > span:first-child:not(:hover):not(:active), html[data-theme="dark"] body details.pricing-presets-drawer:not([open]) > .pricing-presets-summary:is(:focus,:focus-visible,:focus-within) .pricing-presets-title:not(:hover):not(:active), html[data-theme="dark"] body .control-collapsible-section:not([open]) > .control-collapsible-summary:is(:focus,:focus-visible,:focus-within) .control-framed-label:not(:hover):not(:active), html[data-theme="dark"] body .calculators-page .calculator-collapsible-section:not([open]) > .calculator-collapsible-summary:is(:focus,:focus-visible,:focus-within) .control-framed-label:not(:hover):not(:active), html[data-theme="dark"] body .filter-section:not(.is-open) > .setup-section-toggle:is(:focus,:focus-visible,:focus-within) .control-framed-label:not(:hover):not(:active) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair { grid-template-rows: repeat(5, minmax(0, auto)) !important; } .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-fico, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-fico, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-fico, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-fico, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; min-width: 0 !important; } .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair { align-self: start !important; display: grid !important; gap: 8px !important; grid-column: 2 !important; grid-row: 4 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair > .scenario-field-ltv, .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair > .scenario-field-cltv { box-sizing: border-box !important; grid-row: 1 !important; min-width: 0 !important; width: 100% !important; } .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair > .scenario-field-ltv { grid-column: 1 !important; } .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-ratio-pair > .scenario-field-cltv { grid-column: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-occupancy, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-occupancy, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-occupancy, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-occupancy, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 5 !important; } .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-purpose, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-purpose, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-purpose, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-purpose, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body:is(.is-cash-out-scenario,.is-home-equity-scenario).has-existing-loan-fields.has-second-lien-ratio-pair > .scenario-field-purpose { grid-column: 2 !important; grid-row: 5 !important; } html[data-theme="dark"] body .pricing-presets-drawer[open] .mini-control-option-toggle:is(.mini-control-option-toggle-1,.mini-control-option-toggle-2,.mini-control-option-toggle-3) span, html[data-theme="dark"] body .pricing-presets-drawer[open] .mini-control-option-toggle:is(.is-enabled,.is-disabled) span { color: #fff !important; opacity: 1 !important; text-shadow: 0 1px 1px rgba(0,0,0,.24) !important; } html[data-theme="dark"] body .workspace .lead-editor-grid :is(.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary.editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace .lead-editor-grid :is(.lead-top-collapsible-card,.lead-scenario-fields):not([open]) > .editor-section-summary.editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within) > span:first-child, html[data-theme="dark"] body .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head.mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within) > span:first-child { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } .header-lead-toolbar .lead-import-shortcut, .header-lead-toolbar [data-action="toggle-lead-filters"] { font-weight: 600; } @media (min-width: 981px) { .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .app-header-main { grid-template-columns: minmax(0, 1fr) !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .app-header-main h1 { grid-column: 1 !important; grid-row: 1 !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .view-tools { grid-column: 1 !important; grid-row: 2 !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar, .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar { align-items: end !important; grid-template-columns: minmax(220px,337px) minmax(260px,337px) minmax(124px,max-content) minmax(0,1fr) !important; grid-template-rows: 42px 42px !important; justify-content: start !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-search-input, .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .lead-search-input { grid-column: 1 !important; grid-row: 2 !important; justify-self: stretch !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .saved-view-select, .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .saved-view-select { grid-column: 2 !important; grid-row: 2 !important; justify-self: stretch !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-import-shortcut, .app-header-main:has(.lead-layout-lock-button) .header-lead-toolbar .lead-import-shortcut { grid-column: 3 !important; grid-row: 2 !important; justify-self: stretch !important; min-width: 124px !important; } } @media (max-width: 980px) { .header-lead-toolbar .lead-search-input { grid-column: 1 / 3 !important; grid-row: 1 !important; } .header-lead-toolbar .saved-view-select { grid-column: 1 / 3 !important; grid-row: 2 !important; } .header-lead-toolbar .lead-import-shortcut { grid-column: 3 / 5 !important; grid-row: 2 !important; min-width: 0 !important; width: 100% !important; } } html[data-theme="dark"] body .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions.mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions.mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame.is-second:not([open]) > .mini-rate-snapshot-head.has-second-mortgage-actions.mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible,:active) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #46bdf2 42%, #172432) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; text-shadow: none !important; } /* Piggyback collapsed compare: keep 1st and 2nd mortgage windows on the same row. */ .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"], .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"], .selected-lead-panel .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="pricing"] { grid-column: 1 !important; z-index: 1 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot, .selected-lead-panel .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot { grid-column: 2 !important; pointer-events: auto !important; position: relative !important; z-index: 3 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot > .lead-piggyback-second-prompt, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot > .lead-piggyback-second-prompt, .selected-lead-panel .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot > .lead-piggyback-second-prompt { margin-top: 0 !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot > .lead-piggyback-second-prompt > .mini-rate-snapshot-head, .lead-inline-detail-stack .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot > .lead-piggyback-second-prompt > .mini-rate-snapshot-head, .selected-lead-panel .lead-editor-grid.has-mortgage-compare.has-piggyback-collapsed-compare.is-measured-two-lane:not(.is-lean-single-lane) > .lead-piggyback-control-slot > .lead-piggyback-second-prompt > .mini-rate-snapshot-head { cursor: pointer !important; pointer-events: auto !important; } /* Keep the Leads header toolbar above the table header after compacting its actions. */ @media (min-width: 981px) { .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) { padding-bottom: 16px !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .view-tools { align-items: start !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar { align-items: stretch !important; grid-template-columns: minmax(180px,270px) minmax(210px,300px) minmax(124px,max-content) minmax(116px,max-content) minmax(0,1fr) !important; grid-template-rows: 42px !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-search-input, .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .saved-view-select, .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-import-shortcut, .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-view-nav-button { grid-row: 1 !important; } .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) .header-lead-toolbar .lead-view-nav-button { grid-column: 4 !important; justify-self: stretch !important; min-width: 116px !important; } } /* Mini compensation panel: single clean square with mode toggle and editable value. */ .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp { align-content: stretch !important; background: color-mix(in srgb, var(--paper) 88%, #eaf6ff) !important; border-color: color-mix(in srgb, var(--accent) 52%, var(--line)) !important; border-radius: 8px !important; box-shadow: none !important; box-sizing: border-box !important; color: #071523 !important; display: grid !important; gap: 0 !important; grid-template-columns: minmax(0,1fr) !important; grid-template-rows: 19px 33px minmax(41px,1fr) !important; justify-items: stretch !important; min-height: 104px !important; overflow: hidden !important; padding: 4px 8px 5px !important; text-align: center !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp::after, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp::after { content: none !important; display: none !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-heading, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-heading { align-items: flex-start !important; align-self: stretch !important; border-bottom: 0 !important; color: #17334a !important; display: flex !important; font-size: 11px !important; font-weight: 950 !important; grid-column: 1 !important; grid-row: 1 !important; justify-content: center !important; letter-spacing: .04em !important; line-height: 1 !important; padding: 1px 2px 0 !important; position: relative !important; text-transform: uppercase !important; transform: translateY(-2px) !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-heading::after, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-heading::after { background: color-mix(in srgb, var(--accent) 28%, var(--line)) !important; bottom: 0 !important; content: "" !important; display: block !important; height: 1px !important; left: 8px !important; pointer-events: none !important; position: absolute !important; right: 8px !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label { align-items: center !important; align-self: center !important; background: #16734a !important; border: 0 !important; border-radius: 999px !important; box-shadow: 0 3px 8px rgba(7,21,35,.16) !important; color: #fff !important; cursor: pointer !important; display: inline-flex !important; font-size: 11.5px !important; font-weight: 850 !important; grid-column: 1 !important; grid-row: 2 !important; justify-content: center !important; justify-self: center !important; letter-spacing: 0 !important; line-height: 1 !important; margin: 0 !important; max-width: 116px !important; min-height: 25px !important; min-width: 104px !important; padding: 0 12px !important; position: static !important; text-transform: none !important; top: auto !important; transform: none !important; white-space: nowrap !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp.bpc,.mini-second-lpc-comp.bpc).mini-summary-comp .mini-comp-label, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp.bpc,.mini-second-lpc-comp.bpc).mini-summary-comp .mini-comp-label { background: #b34b55 !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp.corr,.mini-second-lpc-comp.corr).mini-summary-comp .mini-comp-label, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp.corr,.mini-second-lpc-comp.corr).mini-summary-comp .mini-comp-label { background: #0a66a6 !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label:is(:hover,:focus-visible), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label:is(:hover,:focus-visible) { box-shadow: 0 4px 10px rgba(7,21,35,.2), 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent) !important; outline: 0 !important; text-decoration: none !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values { align-content: start !important; align-self: stretch !important; display: grid !important; gap: 4px !important; grid-column: 1 !important; grid-row: 3 !important; justify-items: center !important; min-height: 0 !important; padding: 0 !important; transform: none !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values > strong, .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-percent-input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values > strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-percent-input { align-items: center !important; background: #fff !important; border: 1px solid color-mix(in srgb, var(--line) 84%, var(--accent)) !important; border-radius: 5px !important; box-shadow: none !important; box-sizing: border-box !important; color: #071523 !important; display: inline-flex !important; font-size: 16px !important; font-weight: 900 !important; height: 24px !important; justify-content: center !important; justify-self: center !important; letter-spacing: 0 !important; line-height: 1 !important; margin: 0 !important; max-width: 100px !important; min-height: 0 !important; min-width: 92px !important; padding: 0 8px !important; text-align: center !important; transform: none !important; width: auto !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-percent-input:focus, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-percent-input:focus { border-color: color-mix(in srgb, var(--accent) 74%, var(--line)) !important; outline: 0 !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values > b, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values > b { color: #16734a !important; display: block !important; font-size: 15px !important; font-weight: 850 !important; line-height: 1 !important; margin: 0 !important; position: static !important; top: auto !important; transform: none !important; white-space: nowrap !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp.bpc,.mini-second-lpc-comp.bpc).mini-summary-comp .mini-comp-values > b, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp.bpc,.mini-second-lpc-comp.bpc).mini-summary-comp .mini-comp-values > b { color: #5d6f7f !important; } .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp.corr,.mini-second-lpc-comp.corr).mini-summary-comp .mini-comp-values > b, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp.corr,.mini-second-lpc-comp.corr).mini-summary-comp .mini-comp-values > b { color: #0a66a6 !important; } /* Collapsed first mortgage review strip: sit closer to the lower rail without changing card height. */ .workspace .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-warning-chip, .workspace .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-warning-chip, .workspace .lead-inline-detail-stack .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-warning-chip, .workspace .selected-lead-panel .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head.has-first-mortgage-actions > .mini-snapshot-warning-chip { position: relative !important; top: 2px !important; } /* Collapsed mortgage review strips must not move on hover; prevents warning-chip jitter. */ .workspace .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:is(:hover,:focus,:focus-visible,:focus-within) > .mini-snapshot-warning-chip, .workspace .lead-expanded-workspace-frame .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:is(:hover,:focus,:focus-visible,:focus-within) > .mini-snapshot-warning-chip, .workspace .lead-inline-detail-stack .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:is(:hover,:focus,:focus-visible,:focus-within) > .mini-snapshot-warning-chip, .workspace .selected-lead-panel .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions:is(:hover,:focus,:focus-visible,:focus-within) > .mini-snapshot-warning-chip { margin-top: 4px !important; transform: none !important; } /* Mini rate sheets stay neutral; credit/cost tone belongs to numbers, not row fills. */ .compact-rate-sheet tbody tr:not(.mini-rate-filler-row), .compact-rate-sheet tbody tr:not(.mini-rate-filler-row) > td, .compact-rate-sheet tbody tr.par-row:not(.mini-rate-filler-row) > td, .compact-rate-sheet tbody tr:has(.mini-pts-value.credit):not(.mini-rate-filler-row) > td, .compact-rate-sheet tbody tr:has(.mini-cost-dollar-value.credit):not(.mini-rate-filler-row) > td { background: transparent !important; background-color: transparent !important; } .compact-rate-sheet tbody :is(.rate-link,.mini-rate-value,.mini-pts-value,.mini-cost-dollar-value,.mini-payment-value) { background: transparent !important; background-color: transparent !important; } /* Selected note-rate rows: one consistent border, and only on the active row. */ .compact-rate-sheet tbody tr.selected-rate-row > td, .pricing-rate-table tbody tr.selected-rate-row > td { background: color-mix(in srgb, var(--accent) 8%, transparent) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--accent) 70%, var(--ink)), inset 0 -1px 0 color-mix(in srgb, var(--accent) 70%, var(--ink)) !important; } .compact-rate-sheet tbody tr.selected-rate-row > td:first-child, .pricing-rate-table tbody tr.selected-rate-row > td:first-child { box-shadow: inset 1px 0 0 color-mix(in srgb, var(--accent) 74%, var(--ink)), inset 0 1px 0 color-mix(in srgb, var(--accent) 70%, var(--ink)), inset 0 -1px 0 color-mix(in srgb, var(--accent) 70%, var(--ink)) !important; } .compact-rate-sheet tbody tr.selected-rate-row > td:last-child, .pricing-rate-table tbody tr.selected-rate-row > td:last-child { box-shadow: inset -1px 0 0 color-mix(in srgb, var(--accent) 74%, var(--ink)), inset 0 1px 0 color-mix(in srgb, var(--accent) 70%, var(--ink)), inset 0 -1px 0 color-mix(in srgb, var(--accent) 70%, var(--ink)) !important; } html[data-theme="dark"] body .compact-rate-sheet tbody tr.selected-rate-row > td, html[data-theme="dark"] body .pricing-rate-table tbody tr.selected-rate-row > td { background: color-mix(in srgb, var(--accent) 11%, transparent) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, var(--accent) 64%, #e8f6ff), inset 0 -1px 0 color-mix(in srgb, var(--accent) 64%, #e8f6ff) !important; } html[data-theme="dark"] body .compact-rate-sheet tbody tr.selected-rate-row > td:first-child, html[data-theme="dark"] body .pricing-rate-table tbody tr.selected-rate-row > td:first-child { box-shadow: inset 1px 0 0 color-mix(in srgb, var(--accent) 70%, #e8f6ff), inset 0 1px 0 color-mix(in srgb, var(--accent) 64%, #e8f6ff), inset 0 -1px 0 color-mix(in srgb, var(--accent) 64%, #e8f6ff) !important; } html[data-theme="dark"] body .compact-rate-sheet tbody tr.selected-rate-row > td:last-child, html[data-theme="dark"] body .pricing-rate-table tbody tr.selected-rate-row > td:last-child { box-shadow: inset -1px 0 0 color-mix(in srgb, var(--accent) 70%, #e8f6ff), inset 0 1px 0 color-mix(in srgb, var(--accent) 64%, #e8f6ff), inset 0 -1px 0 color-mix(in srgb, var(--accent) 64%, #e8f6ff) !important; } /* Compact rate sheet row alerts: keep APOR/eligibility bubbles centered inside each row. */ .compact-rate-sheet col.alert-col, .mini-pricing-body.is-compare .compact-rate-sheet col.alert-col, .compact-rate-sheet.has-auto-lenders col.alert-col, .mini-pricing-body.is-compare .compact-rate-sheet.has-auto-lenders col.alert-col { width: 10% !important; } .compact-rate-sheet col.dol-col, .mini-pricing-body.is-compare .compact-rate-sheet col.dol-col, .compact-rate-sheet.has-auto-lenders col.dol-col, .mini-pricing-body.is-compare .compact-rate-sheet.has-auto-lenders col.dol-col { width: 22% !important; } .compact-rate-sheet col.pi-col, .mini-pricing-body.is-compare .compact-rate-sheet col.pi-col, .compact-rate-sheet.has-auto-lenders col.pi-col, .mini-pricing-body.is-compare .compact-rate-sheet.has-auto-lenders col.pi-col { width: 23% !important; } .compact-rate-sheet td.mini-rate-alert-cell { line-height: 0 !important; padding: 0 2px !important; text-align: center !important; vertical-align: middle !important; } .compact-rate-sheet .mini-rate-row-alerts { align-content: center !important; align-items: center !important; display: inline-grid !important; height: 22px !important; justify-content: center !important; justify-items: center !important; margin: 0 auto !important; min-width: 46px !important; vertical-align: middle !important; width: 46px !important; } .compact-rate-sheet .mini-rate-row-alert { box-sizing: border-box !important; grid-row: 1 !important; height: 14px !important; min-height: 14px !important; min-width: 14px !important; padding: 0 !important; width: 14px !important; } /* Mini pricing footer labels: match the softer itemization label typography. */ .mini-rate-snapshot-frame[open] :is(.mini-pricing-section-shell,.mini-cockpit-detail-stack) > .quote-breakdown-section > summary > span, .mini-rate-snapshot-frame[open] :is(.mini-pricing-section-shell,.mini-cockpit-detail-stack) > .quote-breakdown-section > summary > span :is(b,em), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-pricing-section-shell,.mini-cockpit-detail-stack) > .quote-breakdown-section > summary > span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-pricing-section-shell,.mini-cockpit-detail-stack) > .quote-breakdown-section > summary > span :is(b,em) { color: color-mix(in srgb, var(--ink) 72%, var(--muted)) !important; font-size: 13px !important; font-style: normal !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-transform: uppercase !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-heading { border-bottom-color: color-mix(in srgb, var(--sq-dark-comp-accent, #8bd6ff) 34%, var(--lead-dark-border)) !important; } /* Collapsed right lead rail: keep Loan Scenario actions anchored on one row. */ .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) { padding-bottom: 8px !important; padding-top: 8px !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-reprice-button), .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts), .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-two-rows), .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-facts.has-three-rows), .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-fact.is-missing) { align-items: start !important; grid-template-columns: max-content minmax(0,1fr) max-content !important; min-height: calc(var(--lead-card-header-pill-height) + 2px) !important; row-gap: 0 !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-facts, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-value, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-occupancy-summary-select, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > .lead-card-drag-handle { display: none !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-reprice-anchor { align-self: start !important; grid-column: 2 !important; grid-row: 1 !important; height: calc(var(--lead-card-header-pill-height) - 2px) !important; justify-self: center !important; margin-top: calc(var(--lead-card-header-label-top) - 3px) !important; min-height: calc(var(--lead-card-header-pill-height) - 2px) !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-reprice-button { height: 100% !important; min-height: 100% !important; padding-bottom: 0 !important; padding-top: 0 !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions { align-self: start !important; grid-column: 3 !important; grid-row: 1 !important; margin-top: calc(var(--lead-card-header-label-top) - 3px) !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions .va-eligibility-toggle { height: calc(var(--lead-card-header-pill-height) - 2px) !important; min-height: calc(var(--lead-card-header-pill-height) - 2px) !important; } /* Loan Scenario Reprice: live beside FHA/VA using the rate-card button footprint. */ .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action), .selected-lead-panel .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action), .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) { grid-template-columns: max-content minmax(0, 1fr) max-content max-content !important; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action { align-items: center !important; display: inline-flex !important; gap: 6px !important; justify-content: flex-end !important; max-width: none !important; min-width: 0 !important; transform: translateX(8px) !important; width: auto !important; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-anchor, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-anchor, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-anchor, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-anchor { align-self: center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; height: 34px !important; margin: 0 !important; min-height: 34px !important; min-width: 82px !important; padding: 0 !important; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-button, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-button, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-button, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-button { border-radius: 7px !important; font-size: 11px !important; font-weight: 400 !important; height: 34px !important; min-height: 34px !important; min-width: 82px !important; padding: 8px 11px !important; width: auto !important; } .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions.has-reprice-action, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions.has-reprice-action, .selected-lead-panel .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions.has-reprice-action, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions.has-reprice-action { top: 0 !important; transform: translateX(5px) !important; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-anchor, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-anchor, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-anchor, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-anchor, .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-button, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-button, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-button, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-button, .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .va-eligibility-toggle, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .va-eligibility-toggle, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .va-eligibility-toggle, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .va-eligibility-toggle { box-sizing: border-box !important; height: 36px !important; min-height: 36px !important; } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action), .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action), .selected-lead-panel .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action), .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) { min-height: calc(var(--lead-card-header-pill-height) + 2px) !important; } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) .scenario-purpose-summary-wrap, .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) .scenario-collapsed-value, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) .scenario-purpose-summary-wrap, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) .scenario-collapsed-value, .selected-lead-panel .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) .scenario-purpose-summary-wrap, .selected-lead-panel .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) .scenario-collapsed-value, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) .scenario-purpose-summary-wrap, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) .scenario-collapsed-value { grid-column: 2 !important; grid-row: 1 !important; } .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) .scenario-collapsed-facts, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) .scenario-collapsed-facts, .selected-lead-panel .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) .scenario-collapsed-facts, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) .scenario-collapsed-facts { grid-row: 2 !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) { grid-template-columns: max-content minmax(0,1fr) max-content !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions.has-reprice-action { align-self: start !important; margin-top: calc(var(--lead-card-header-label-top) - 3px) !important; } /* Label tabs: remove the decorative left tick everywhere; keep the tabs themselves. */ :root, [data-theme="dark"] { --section-label-accent-width: 0px; } .mismo-1003-group summary::before, .pricing-presets-summary .pricing-presets-title::before, .calculator-card-head .control-framed-label::before, .control-framed-label::before, .pipeline-window-label span::before, .lead-quick-tab-label > span::before, .lead-editor-grid .editor-section > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .lead-editor-grid .editor-section > .editor-section-summary > span:first-child::before, .lead-expanded-workspace-frame .lead-editor-grid .editor-section > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child::before, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child::before, .lead-inline-detail-stack .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child::before, .mini-rate-snapshot-head > span:first-child::before, .lead-inline-detail-stack .mini-rate-snapshot-head > span:first-child::before, .lead-expanded-workspace-frame .mini-rate-snapshot-head > span:first-child::before, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child::before, .pipeline-editor .pipeline-editor-card > .editor-section-summary > span:first-child::before, .pipeline-editor .pipeline-notes-card > .editor-section-summary > span:first-child::before, .admin-window-tab::before, .admin-tab-section > summary > span:first-child::before, .admin-inline-tab-section > summary > span:first-child::before { content: none !important; display: none !important; flex-basis: 0 !important; height: 0 !important; width: 0 !important; } /* First mortgage title pill: content width, matching the 2nd Mortgage tab gap. */ .mini-rate-snapshot-frame.is-first > .mini-rate-snapshot-head > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first > .mini-rate-snapshot-head > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame.is-first > .mini-rate-snapshot-head > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame.is-first > .mini-rate-snapshot-head > span:first-child, .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame.is-first:not([open]) > .mini-rate-snapshot-head > span:first-child { flex: 0 0 auto !important; max-width: max-content !important; min-width: 0 !important; padding-right: 12px !important; width: max-content !important; } /* Rate-card itemization: match APR/P&I label weight, except the final cash row. */ .mini-rate-snapshot-frame[open] .mini-fee-itemization > .mini-fee-itemization-row:not(:last-child):not(.mini-fee-drilldown) > span, .mini-rate-snapshot-frame[open] .mini-fee-itemization > .mini-fee-itemization-row:not(:last-child).mini-fee-drilldown > summary > span:first-child { color: color-mix(in srgb, var(--ink) 72%, var(--muted)) !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-transform: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization > .mini-fee-itemization-row:not(:last-child):not(.mini-fee-drilldown) > span, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization > .mini-fee-itemization-row:not(:last-child).mini-fee-drilldown > summary > span:first-child { color: var(--lead-dark-muted) !important; } /* Rate-card itemization: use the same cost/credit colors as the rate sheet. */ .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost > strong, .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost > input, .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost > summary > strong, .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost > summary > input, .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-cost > strong { color: #b42318 !important; } .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit > strong, .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit > input, .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit > summary > strong, .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit > summary > input, .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-credit > strong { color: #0d7a3a !important; } /* Mortgage preset drawer: keep the Presets button text aligned with the other mortgage controls. */ .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-presets-summary .pricing-presets-title, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-presets-summary .pricing-presets-title, .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-presets-summary .pricing-presets-title, .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-presets-summary .pricing-presets-title { font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost > strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost > input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost > summary > strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost > summary > input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-cost > strong { color: #ff5f5f !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit > strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit > input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit > summary > strong, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit > summary > input, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-credit > strong { color: #69e6a1 !important; } /* Expanded option cards: keep Union Home/Sierra chip marks on the same white badge as collapsed chips. */ .mini-rate-snapshot-frame[open] .quote-selection-row .quote-selection-token .lender-brand.chip :is(.lender-logo-unionhome,.lender-logo-unionhomemortgage,.lender-logo-sierra,.lender-logo-sierrapacific,.lender-logo-sierrapacificmortgage).lender-logo-mark, html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-selection-row .quote-selection-token .lender-brand.chip :is(.lender-logo-unionhome,.lender-logo-unionhomemortgage,.lender-logo-sierra,.lender-logo-sierrapacific,.lender-logo-sierrapacificmortgage).lender-logo-mark { background: #fff !important; background-color: #fff !important; border: 1px solid color-mix(in srgb, #d8e2ec 84%, #fff) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 1px 4px rgba(16,24,32,.16) !important; box-sizing: border-box !important; filter: none !important; height: 27px !important; max-height: 27px !important; max-width: 27px !important; object-fit: contain !important; padding: 3px !important; width: 27px !important; } /* Mortgage title pills: keep open/collapsed and mobile/desktop states the same size. */ .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child { align-items: center !important; box-sizing: border-box !important; display: inline-flex !important; font-size: 14px !important; font-weight: 600 !important; height: 34px !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1 !important; max-height: 34px !important; min-height: 34px !important; min-width: 0 !important; padding: 8px 12px !important; top: 0 !important; width: max-content !important; } /* Expanded mortgage title pills: align the label to the left edge and remove the last bit of right-side slack. */ .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child { justify-content: flex-start !important; padding-left: 12px !important; padding-right: 8px !important; text-align: left !important; } /* Final mortgage title width lock: older expanded layouts set fixed/min widths, so force every state to shrink-wrap. */ .workspace .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, .workspace .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, .workspace .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, .workspace .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace .lead-expanded-workspace-frame .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare .mini-pricing-body.is-compare > .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.mini-rate-snapshot-head > span:first-child { flex: 0 0 fit-content !important; flex-basis: fit-content !important; height: 34px !important; inline-size: fit-content !important; justify-content: center !important; max-inline-size: fit-content !important; max-height: 34px !important; max-width: fit-content !important; min-height: 34px !important; min-inline-size: 0 !important; min-width: 0 !important; overflow: visible !important; padding-left: 12px !important; padding-right: 8px !important; text-align: center !important; white-space: nowrap !important; width: fit-content !important; } /* Lead editor top tabs: match Property and Loan Scenario to the mortgage tab footprint. */ .workspace .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields) > .editor-section-summary.editor-section-summary > span:first-child, .workspace .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields) > .editor-section-summary.editor-section-summary > span:first-child, .workspace .lead-inline-detail-stack .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields) > .editor-section-summary.editor-section-summary > span:first-child, .workspace .selected-lead-panel .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields) > .editor-section-summary.editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields) > .editor-section-summary.editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace .lead-expanded-workspace-frame .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields) > .editor-section-summary.editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace .lead-inline-detail-stack .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields) > .editor-section-summary.editor-section-summary > span:first-child, html[data-theme="dark"] body .workspace .selected-lead-panel .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields) > .editor-section-summary.editor-section-summary > span:first-child { align-items: center !important; box-sizing: border-box !important; display: inline-flex !important; flex: 0 0 fit-content !important; flex-basis: fit-content !important; font-size: 14px !important; font-weight: 600 !important; height: 34px !important; inline-size: fit-content !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1 !important; max-height: 34px !important; max-inline-size: fit-content !important; max-width: fit-content !important; min-height: 34px !important; min-inline-size: 0 !important; min-width: 0 !important; padding: 8px 12px !important; text-align: center !important; top: 0 !important; white-space: nowrap !important; width: fit-content !important; } .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-location, .workspace .lead-expanded-workspace-frame .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-location, .workspace .lead-inline-detail-stack .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-location, .workspace .selected-lead-panel .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-location { position: relative !important; top: 3px !important; } /* Option card selected ring: keep the selector independent from workspace lead-stripe colors. */ .workspace .quote-selection-tab.is-selected, .workspace .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected, .workspace .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected, html[data-theme="dark"] body .workspace .quote-selection-tab.is-selected, html[data-theme="dark"] body .workspace .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected, html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected { border-color: var(--quote-option-selected-border, #1689c8) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 72%, var(--quote-option-selected-border, #1689c8)) !important; transform: none !important; transition: none !important; } .workspace .quote-selection-tab.is-selected:hover, .workspace .quote-selection-tab.is-selected:focus-within, .workspace .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected:hover, .workspace .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected:focus-within, .workspace .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected:hover, .workspace .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected:focus-within, html[data-theme="dark"] body .workspace .quote-selection-tab.is-selected:hover, html[data-theme="dark"] body .workspace .quote-selection-tab.is-selected:focus-within, html[data-theme="dark"] body .workspace .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected:hover, html[data-theme="dark"] body .workspace .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected:focus-within, html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected:hover, html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected:focus-within { border-color: var(--quote-option-selected-border, #1689c8) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 72%, var(--quote-option-selected-border, #1689c8)) !important; transform: none !important; } .workspace .quote-selection-tab.is-selected .quote-selection-number-tab, html[data-theme="dark"] body .workspace .quote-selection-tab.is-selected .quote-selection-number-tab { background: var(--quote-option-selected-border, #1689c8) !important; border-color: var(--quote-option-selected-border, #1689c8) !important; color: #fff !important; } /* Final pricing-card selector: bright offset link ring, black/white corner tabs. */ .workspace .quote-selection-tab.is-selected, .workspace .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected, .workspace .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected, html[data-theme="dark"] body .workspace .quote-selection-tab.is-selected, html[data-theme="dark"] body .workspace .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected, html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected { border-color: transparent !important; box-shadow: 0 0 0 1px rgba(255,255,255,.95), 0 6px 15px rgba(5,116,172,.24) !important; outline: 2px solid #16d8ff !important; outline-offset: 3px !important; } .workspace .quote-selection-tab.is-selected:hover, .workspace .quote-selection-tab.is-selected:focus-within, .workspace .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected:hover, .workspace .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected:focus-within, .workspace .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected:hover, .workspace .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected:focus-within, html[data-theme="dark"] body .workspace .quote-selection-tab.is-selected:hover, html[data-theme="dark"] body .workspace .quote-selection-tab.is-selected:focus-within, html[data-theme="dark"] body .workspace .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected:hover, html[data-theme="dark"] body .workspace .quote-selection-row.has-auto-mood[class*="deterministic-auto-mood-"] .quote-selection-tab:not(.is-unavailable).is-selected:focus-within, html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected:hover, html[data-theme="dark"] body .workspace .mini-rate-snapshot-frame[open] .quote-selection-tab:not(.is-unavailable).is-selected:focus-within { border-color: transparent !important; box-shadow: 0 0 0 1px rgba(255,255,255,.95), 0 6px 15px rgba(5,116,172,.24) !important; outline: 2px solid #16d8ff !important; outline-offset: 3px !important; transform: none !important; } .workspace .quote-selection-tab .quote-selection-number-tab, html[data-theme="dark"] body .workspace .quote-selection-tab .quote-selection-number-tab { background: #fff !important; border-color: color-mix(in srgb, #061526 18%, var(--line)) !important; color: #061526 !important; } .workspace .quote-selection-tab.is-selected .quote-selection-number-tab, html[data-theme="dark"] body .workspace .quote-selection-tab.is-selected .quote-selection-number-tab { background: #061526 !important; border-color: #061526 !important; color: #fff !important; } /* Lead controls: Email Quote and Bonzo SMS get stable action tones; the rest stay default utility chips. */ .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon, .selected-lead-panel .lead-panel-controls-card .lead-panel-action-chip.lead-panel-control-icon, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-action-chip.lead-panel-control-icon, html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon, html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card .lead-panel-action-chip.lead-panel-control-icon, html[data-theme="dark"] body .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon, html[data-theme="dark"] body .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-action-chip.lead-panel-control-icon { background: var(--lead-pane-neutral-fill, var(--workspace-action-chip-fill, #f7f7f7)) !important; border-color: var(--lead-pane-neutral-border, var(--workspace-action-chip-border, #d5d5d5)) !important; box-shadow: none !important; color: var(--lead-pane-text, var(--ink)) !important; } .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.quote, .selected-lead-panel .lead-panel-controls-card .lead-panel-action-chip.lead-panel-control-icon.quote, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.quote, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-action-chip.lead-panel-control-icon.quote, html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.quote, html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card .lead-panel-action-chip.lead-panel-control-icon.quote, html[data-theme="dark"] body .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.quote, html[data-theme="dark"] body .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-action-chip.lead-panel-control-icon.quote { background: color-mix(in srgb, var(--accent) 14%, #fff) !important; border-color: color-mix(in srgb, var(--accent) 56%, var(--line)) !important; color: color-mix(in srgb, var(--accent) 82%, var(--ink)) !important; } .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.bonzo, .selected-lead-panel .lead-panel-controls-card .lead-panel-action-chip.lead-panel-control-icon.bonzo, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.bonzo, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-action-chip.lead-panel-control-icon.bonzo, html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.bonzo, html[data-theme="dark"] body .selected-lead-panel .lead-panel-controls-card .lead-panel-action-chip.lead-panel-control-icon.bonzo, html[data-theme="dark"] body .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.bonzo, html[data-theme="dark"] body .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-action-chip.lead-panel-control-icon.bonzo { background: color-mix(in srgb, #f233a6 12%, #fff) !important; border-color: color-mix(in srgb, #f233a6 46%, var(--line)) !important; color: color-mix(in srgb, #c0187e 82%, var(--ink)) !important; } .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon:is(.quote,.bonzo):hover, .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon:is(.quote,.bonzo):focus, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon:is(.quote,.bonzo):hover, .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon:is(.quote,.bonzo):focus { background: #fff !important; border-color: currentColor !important; } .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .scenario-reprice-anchor:empty, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .scenario-reprice-anchor:empty, .selected-lead-panel .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .scenario-reprice-anchor:empty, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .scenario-reprice-anchor:empty { display: none !important; height: 0 !important; min-height: 0 !important; min-width: 0 !important; width: 0 !important; } .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-primary-actions .lead-panel-control-icon.lead-panel-action-chip.quote, .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-summary-actions .lead-panel-control-icon.lead-panel-action-chip.quote, .workspace .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-primary-actions .lead-panel-control-icon.lead-panel-action-chip.quote, .workspace .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-summary-actions .lead-panel-control-icon.lead-panel-action-chip.quote, html[data-theme="dark"] body .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-primary-actions .lead-panel-control-icon.lead-panel-action-chip.quote, html[data-theme="dark"] body .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-summary-actions .lead-panel-control-icon.lead-panel-action-chip.quote, html[data-theme="dark"] body .workspace .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-primary-actions .lead-panel-control-icon.lead-panel-action-chip.quote, html[data-theme="dark"] body .workspace .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-summary-actions .lead-panel-control-icon.lead-panel-action-chip.quote { background: #e8f5fc !important; border-color: #79bfe3 !important; color: #0b6fa8 !important; } .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-primary-actions .lead-panel-control-icon.lead-panel-action-chip.bonzo, .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-summary-actions .lead-panel-control-icon.lead-panel-action-chip.bonzo, .workspace .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-primary-actions .lead-panel-control-icon.lead-panel-action-chip.bonzo, .workspace .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-summary-actions .lead-panel-control-icon.lead-panel-action-chip.bonzo, html[data-theme="dark"] body .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-primary-actions .lead-panel-control-icon.lead-panel-action-chip.bonzo, html[data-theme="dark"] body .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-summary-actions .lead-panel-control-icon.lead-panel-action-chip.bonzo, html[data-theme="dark"] body .workspace .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-primary-actions .lead-panel-control-icon.lead-panel-action-chip.bonzo, html[data-theme="dark"] body .workspace .lead-inline-detail-stack .selected-lead-panel .lead-panel-controls-card .lead-panel-summary-actions .lead-panel-control-icon.lead-panel-action-chip.bonzo { background: #fdebf5 !important; border-color: #e79cca !important; color: #b61774 !important; } /* Pipeline rail controls: ignore old action-chip color tuning and stay neutral. */ .workspace.pipeline-workspace .pipeline-side-rail .pipeline-rail-chip-stack > .lead-rail-chip, html[data-theme="dark"] body .workspace.pipeline-workspace .pipeline-side-rail .pipeline-rail-chip-stack > .lead-rail-chip { background: var(--paper) !important; border-color: color-mix(in srgb, var(--line) 88%, var(--accent)) !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 72%, transparent) !important; color: var(--ink) !important; } .workspace.pipeline-workspace .pipeline-side-rail .pipeline-rail-chip-stack > .lead-rail-chip:is(:hover,:focus,:focus-visible), html[data-theme="dark"] body .workspace.pipeline-workspace .pipeline-side-rail .pipeline-rail-chip-stack > .lead-rail-chip:is(:hover,:focus,:focus-visible) { background: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 42%, var(--line)) !important; color: color-mix(in srgb, var(--accent) 74%, var(--ink)) !important; outline: 0 !important; } .workspace.pipeline-workspace .pipeline-side-rail .pipeline-rail-chip-stack > .lead-rail-chip :is(svg,span), html[data-theme="dark"] body .workspace.pipeline-workspace .pipeline-side-rail .pipeline-rail-chip-stack > .lead-rail-chip :is(svg,span) { color: currentColor !important; stroke: currentColor !important; } /* Mini pricing itemization: match right-side value weight to labels except the final cash result row. */ .workspace .mini-fee-itemization > .mini-fee-itemization-row:not(:last-child) > strong, .workspace .mini-fee-itemization > .mini-fee-itemization-row:not(:last-child) > input, .workspace .mini-fee-itemization > .mini-fee-itemization-row:not(:last-child) > summary > strong, .workspace .mini-fee-itemization > .mini-fee-itemization-row:not(:last-child) > summary > input, html[data-theme="dark"] body .workspace .mini-fee-itemization > .mini-fee-itemization-row:not(:last-child) > strong, html[data-theme="dark"] body .workspace .mini-fee-itemization > .mini-fee-itemization-row:not(:last-child) > input, html[data-theme="dark"] body .workspace .mini-fee-itemization > .mini-fee-itemization-row:not(:last-child) > summary > strong, html[data-theme="dark"] body .workspace .mini-fee-itemization > .mini-fee-itemization-row:not(:last-child) > summary > input { font-weight: 400 !important; } @media print { @page { margin: .22in; size: letter landscape; } html, body { background: #e9eef3 !important; margin: 0 !important; min-width: 1120px !important; print-color-adjust: exact !important; -webkit-print-color-adjust: exact !important; } body * { print-color-adjust: exact !important; -webkit-print-color-adjust: exact !important; } .quote-preview-toolbar { display: none !important; } .borrower-quote-page { background: #e9eef3 !important; min-width: 1120px !important; padding: 0 !important; } .borrower-quote-shell { border-radius: 18px !important; box-shadow: 0 14px 36px rgba(9,23,42,.14) !important; margin: 0 !important; max-width: 1120px !important; overflow: hidden !important; width: 1120px !important; } .borrower-quote-hero { background: #0c1628 !important; break-inside: avoid !important; color: #fff !important; } .borrower-quote-hero h1, .borrower-quote-lo strong, .borrower-quote-lo-details > span:first-of-type, .borrower-quote-signature-card strong { color: #fff !important; } .borrower-quote-hero p, .borrower-quote-lo span, .borrower-quote-lo small { color: #d6e0ea !important; } .borrower-quote-content { background: linear-gradient(180deg,#fbfdff 0%,#f6f9fc 100%) !important; } .borrower-quote-info-row, .borrower-quote-options { break-inside: avoid !important; } .borrower-quote-option, .borrower-quote-info-card { break-inside: avoid !important; page-break-inside: avoid !important; } .borrower-quote-fee-detail[open] .borrower-quote-fee-popover { display: none !important; } } .setup-section-action-row { align-items: center; display: flex; gap: 8px; margin: 0 0 8px; min-width: 0; } .setup-section-action-row .setup-section-toggle { flex: 1 1 auto; margin: 0; min-width: 0; } .visible-columns-section .lead-layout-lock-button { align-items: center; appearance: none; background: color-mix(in srgb, var(--paper) 92%, var(--soft)); border: 1px solid color-mix(in srgb, var(--brand-gold) 44%, var(--line)); border-radius: 8px; box-shadow: none; color: color-mix(in srgb, var(--brand-gold) 82%, var(--ink)); cursor: pointer; display: inline-flex; flex: 0 0 42px; gap: 0; height: 38px; justify-content: center; margin: 0; min-height: 38px; min-width: 42px; padding: 0; position: static; transform: none; width: 42px; } .visible-columns-section .lead-layout-lock-button.is-unlocked { border-color: color-mix(in srgb, var(--accent) 46%, var(--line)); color: color-mix(in srgb, var(--accent) 84%, var(--ink)); } .visible-columns-section .lead-layout-lock-button svg { height: 20px; opacity: 1; stroke-width: 2; width: 20px; } .visible-columns-section .lead-layout-lock-button:hover, .visible-columns-section .lead-layout-lock-button:focus { background: color-mix(in srgb, var(--accent) 8%, var(--paper)); border-color: color-mix(in srgb, var(--accent) 52%, var(--line)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); outline: 0; } .visible-columns-section:not(.is-open) .setup-section-action-row { margin-bottom: 0; } /* Selected lead pane quick labels: match Loan Scenario field labels. */ .workspace .selected-lead-panel .detail-grid .quick-detail > span { color: var(--muted) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.12 !important; } html[data-theme="dark"] body .workspace .selected-lead-panel .detail-grid .quick-detail > span { color: var(--lead-pane-caption-color) !important; font-weight: 560 !important; } /* Lead editor captions: match selected lead pane label lightness. */ .workspace .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields) :is(.editor-section-body,.lead-scenario-body) label { color: var(--muted) !important; } /* Lead editor captions: optically align label text with the input edge. */ .workspace .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields) :is(.editor-section-body,.lead-scenario-body) label:not(#sq-lead-field-label-indent-lock) { text-indent: 2px; } .workspace .lead-editor-grid :is(.lead-top-collapsible-card.editor-property,.lead-scenario-fields) :is(.editor-section-body,.lead-scenario-body) label:not(#sq-lead-field-label-indent-lock) :is(input,select,textarea,.custom-choice-trigger,.custom-choice-field) { text-indent: 0; } /* Rate & Term excluded 2nd: collapse the row left behind when treatment/Cash Out controls hide. */ :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-rate-term-scenario.has-existing-loan-fields.has-excluded-second-balance.has-second-lien-ratio-pair:has(> .scenario-field-second-current-rate) { align-items: start !important; display: grid !important; gap: 8px 10px !important; grid-auto-flow: row !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: repeat(5, auto) !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-rate-term-scenario.has-existing-loan-fields.has-excluded-second-balance.has-second-lien-ratio-pair:has(> .scenario-field-second-current-rate) > :is(.scenario-top-right-spacer, input[type="hidden"], .scenario-field-cash-out, .rate-term-second-toggle-row) { display: none !important; grid-column: auto !important; grid-row: auto !important; height: 0 !important; min-height: 0 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-rate-term-scenario.has-existing-loan-fields.has-excluded-second-balance.has-second-lien-ratio-pair:has(> .scenario-field-second-current-rate) > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-rate-term-scenario.has-existing-loan-fields.has-excluded-second-balance.has-second-lien-ratio-pair:has(> .scenario-field-second-current-rate) > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-rate-term-scenario.has-existing-loan-fields.has-excluded-second-balance.has-second-lien-ratio-pair:has(> .scenario-field-second-current-rate) > .scenario-field-current-rate { grid-column: 2 !important; grid-row: 2 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-rate-term-scenario.has-existing-loan-fields.has-excluded-second-balance.has-second-lien-ratio-pair:has(> .scenario-field-second-current-rate) > .scenario-field-second-balance { grid-column: 1 !important; grid-row: 3 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-rate-term-scenario.has-existing-loan-fields.has-excluded-second-balance.has-second-lien-ratio-pair:has(> .scenario-field-second-current-rate) > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-rate-term-scenario.has-existing-loan-fields.has-excluded-second-balance.has-second-lien-ratio-pair:has(> .scenario-field-second-current-rate) > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-rate-term-scenario.has-existing-loan-fields.has-excluded-second-balance.has-second-lien-ratio-pair:has(> .scenario-field-second-current-rate) > .scenario-field-ratio-pair { align-self: start !important; display: grid !important; gap: 6px !important; grid-column: 2 !important; grid-row: 4 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin: 0 !important; min-width: 0 !important; width: 100% !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-rate-term-scenario.has-existing-loan-fields.has-excluded-second-balance.has-second-lien-ratio-pair:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 5 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-rate-term-scenario.has-existing-loan-fields.has-excluded-second-balance.has-second-lien-ratio-pair:has(> .scenario-field-second-current-rate) > .scenario-field-purpose { grid-column: 2 !important; grid-row: 5 !important; } /* Quote Preview LO signature: tuck contact text closer to the headshot. */ .borrower-quote-lo.has-media { align-items: start !important; column-gap: 8px !important; gap: 8px !important; padding-top: 0 !important; } .borrower-quote-lo-details { align-content: start !important; gap: 4px !important; } .borrower-quote-lo-details > small, .borrower-quote-lo-details > .borrower-quote-lo-phone { grid-column: 1 / -1 !important; } .borrower-quote-lo-details > .borrower-quote-lo-phone { color: #fff !important; font-weight: 880 !important; } /* Quote Preview documents: move the divider under the section title. */ .borrower-quote-content { gap: 36px !important; } .borrower-quote-story-panels { gap: 18px !important; } .borrower-quote-story-panels article { align-content: center !important; gap: 13px !important; min-height: 164px !important; padding: 24px 22px !important; } .borrower-quote-next { gap: 24px !important; padding-top: 34px !important; } .borrower-quote-next:has(.borrower-quote-actions) { gap: 24px !important; } .borrower-quote-actions { gap: 16px !important; } .borrower-quote-actions :is(a,button) { min-height: 62px !important; } .borrower-quote-doc-header { border-top: 0 !important; margin-top: 4px !important; padding-top: 4px !important; row-gap: 20px !important; } .borrower-quote-doc-title { border-bottom: 1px solid #d7e1eb !important; grid-column: 1 / -1 !important; padding-bottom: 9px !important; } .borrower-quote-doc-toggle { gap: 10px !important; } .borrower-quote-doc-hint { margin-top: 2px !important; } .borrower-quote-doc-grid { gap: 18px 16px !important; } .borrower-quote-doc-grid article { gap: 9px !important; min-height: 108px !important; padding: 18px !important; } .borrower-quote-content > .fine-print { background: #f7fafc !important; border: 1px solid rgba(7,21,35,.16) !important; border-radius: 8px !important; color: #071523 !important; font-size: 12.5px !important; font-weight: 650 !important; line-height: 1.6 !important; margin-top: 8px !important; padding: 14px 16px !important; } /* Selected lead status: let embedded Notes/Log rows float inside the expanded status panel. */ .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested { gap: 8px !important; padding-top: 10px !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-notes-card.is-embedded, .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 !important; max-width: none !important; padding: 0 !important; width: 100% !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-notes-card.is-embedded > .editor-section-summary, .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded > .editor-section-summary { display: grid !important; gap: 8px !important; grid-template-columns: max-content minmax(0, 1fr) !important; margin: 0 !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > :is(.lead-panel-notes-card.is-embedded, .lead-panel-log-card.is-embedded) > .editor-section-summary > span:first-child { box-sizing: border-box !important; justify-content: center !important; min-width: 62px !important; padding-left: 0 !important; padding-right: 0 !important; text-align: center !important; width: 62px !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded:not([open]) .lead-panel-log-preview { align-self: center !important; box-sizing: border-box !important; height: 36px !important; justify-self: stretch !important; line-height: 1.25 !important; min-height: 36px !important; max-width: none !important; padding: 7px 10px !important; width: 100% !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested .lead-notes-appointment-pill { display: none !important; } /* Selected lead collapsed status: keep Note/Log tabs lighter than section headers. */ .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated:not([open]) .lead-panel-status-inline-tab, html[data-theme="dark"] body .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated:not([open]) .lead-panel-status-inline-tab { font-weight: 500 !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded:not([open]) > .editor-section-summary { grid-template-columns: var(--status-note-log-tab-width) minmax(0, 1fr) !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded:not([open]) > .editor-section-summary > .lead-panel-log-preview { display: flex !important; grid-column: 2 !important; justify-self: stretch !important; min-width: 100% !important; width: 100% !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded[open] .update-log-list { margin-left: 70px !important; max-width: calc(100% - 70px) !important; width: calc(100% - 70px) !important; } /* Selected lead status choices: use a thin link-blue outline for the active tab. */ .workspace .selected-lead-panel .lead-panel-status-card .status-choice.is-selected, html[data-theme="dark"] body .workspace .selected-lead-panel .lead-panel-status-card .status-choice.is-selected { border-color: #79bfe3 !important; border-width: 1px !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, #79bfe3 24%, transparent) !important; } /* Consolidated Status notes/log: keep the log preview and opened list on the same clean width as Notes. */ .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] { --status-note-log-tab-width: 70px; --status-note-log-gap: 8px; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested { box-sizing: border-box !important; display: grid !important; gap: 8px !important; grid-template-columns: minmax(0,1fr) !important; width: 100% !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > :is(.lead-panel-notes-card.is-embedded,.lead-panel-log-card.is-embedded) { box-sizing: border-box !important; min-width: 0 !important; width: 100% !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded { max-width: calc(100% + var(--status-note-log-gap)) !important; width: calc(100% + var(--status-note-log-gap)) !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > :is(.lead-panel-notes-card.is-embedded,.lead-panel-log-card.is-embedded) > .editor-section-summary { align-items: center !important; display: grid !important; gap: var(--status-note-log-gap) !important; grid-template-columns: var(--status-note-log-tab-width) minmax(0,1fr) !important; min-width: 0 !important; width: 100% !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > :is(.lead-panel-notes-card.is-embedded,.lead-panel-log-card.is-embedded) > .editor-section-summary > span:first-child { box-sizing: border-box !important; justify-content: center !important; min-width: var(--status-note-log-tab-width) !important; width: var(--status-note-log-tab-width) !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded:not([open]) > .editor-section-summary > .lead-panel-log-preview, .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded:not([open]) .lead-panel-log-preview { box-sizing: border-box !important; display: flex !important; grid-column: 2 !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded[open] { align-items: start !important; display: grid !important; column-gap: var(--status-note-log-gap) !important; row-gap: 8px !important; grid-template-columns: var(--status-note-log-tab-width) minmax(0,1fr) !important; grid-template-rows: auto minmax(0,auto) !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded[open] > .editor-section-summary { grid-column: 1 !important; grid-row: 1 !important; padding-right: 0 !important; width: var(--status-note-log-tab-width) !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded[open] > .update-log-actions { align-self: center !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; margin: 0 !important; position: static !important; right: auto !important; top: auto !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-log-card.is-embedded[open] > .update-log-list { box-sizing: border-box !important; grid-column: 1 / -1 !important; grid-row: 2 !important; justify-self: stretch !important; margin-left: 0 !important; margin-top: 0 !important; max-width: none !important; width: 100% !important; } .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated[open] .lead-panel-status-nested > .lead-panel-notes-card.is-embedded[open] > label { margin-top: 4px !important; } /* Leads side pane final polish: keep typography and action controls aligned with the newer mortgage-panel language. */ body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack .selected-lead-panel):not(#sq-leads-side-pane-section-window-shell-lock) { background: var(--paper) !important; border-color: var(--workspace-section-window-border, var(--window-border)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 8px 18px rgba(16,24,32,.05) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel:not(#sq-leads-side-pane-final-polish-lock) { --sq-side-pane-label: color-mix(in srgb, var(--ink) 58%, var(--primary)); --sq-side-pane-value: color-mix(in srgb, var(--ink) 92%, var(--primary)); --sq-side-pane-fill: var(--workspace-section-window-fill, var(--window-bg)); --sq-side-pane-border: color-mix(in srgb, #cfe2ef 78%, var(--line)); --sq-side-pane-blue: #0b6fa8; --sq-side-pane-pink: #c0187e; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:not(#sq-leads-side-pane-final-polish-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .lead-panel-piggyback-pair:not(#sq-leads-side-pane-final-polish-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-tile:not(#sq-leads-side-pane-final-polish-lock) { background: var(--sq-side-pane-fill) !important; border: 1px solid var(--sq-side-pane-border) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 1px 2px rgba(16,24,32,.045) !important; color: var(--sq-side-pane-value) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail > span,.lead-panel-piggyback-split-labels span,.lead-panel-piggyback-ratio-tile > span,.lead-panel-piggyback-ratio-mini > span):not(#sq-leads-side-pane-final-polish-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .editor-section-summary small:not(#sq-leads-side-pane-final-polish-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .status-choice-section h4:not(#sq-leads-side-pane-final-polish-lock) { color: var(--sq-side-pane-label) !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: uppercase !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail input,.quick-detail select,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input):not(#sq-leads-side-pane-final-polish-lock) { color: var(--sq-side-pane-value) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.18 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail input,.quick-detail select,.quick-choice-menu summary,.lead-panel-piggyback-ratio-mini input):not(#sq-leads-side-pane-final-polish-lock) { background: color-mix(in srgb, #fff 90%, var(--paper)) !important; border-color: color-mix(in srgb, #d7e5ef 86%, var(--line)) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail input,.quick-detail select,.quick-choice-menu summary,.lead-panel-piggyback-ratio-mini input):is(:hover,:focus,:focus-visible):not(#sq-leads-side-pane-final-polish-lock) { border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 50%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 0 0 2px color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 14%, transparent) !important; outline: 0 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card):not(#sq-leads-side-pane-final-polish-lock) { background: var(--sq-side-pane-fill) !important; border: 1px solid color-mix(in srgb, #cfe2ef 74%, var(--line)) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 1px 2px rgba(16,24,32,.045) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:not(#sq-leads-side-pane-final-polish-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-inline-tab:not(#sq-leads-side-pane-final-polish-lock) { background: color-mix(in srgb, #fff 86%, var(--paper)) !important; border: 1px solid color-mix(in srgb, #d7e5ef 88%, var(--line)) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 1px 2px rgba(16,24,32,.05) !important; color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 58%, var(--primary)) !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child::before, body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-inline-tab::before { content: none !important; display: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-pill,.lead-panel-readiness-status,.lead-panel-status-inline-field,.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button):not(#sq-leads-side-pane-final-polish-lock) { background: color-mix(in srgb, #fff 86%, var(--paper)) !important; border-color: color-mix(in srgb, #d7e5ef 82%, var(--line)) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76) !important; color: var(--sq-side-pane-value) !important; font-family: inherit !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-pill span:not(#sq-leads-side-pane-final-polish-lock), body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-readiness-status strong,.lead-panel-readiness-status .meta,.lead-panel-notes-inline-input,.lead-panel-log-preview):not(#sq-leads-side-pane-final-polish-lock) { color: var(--sq-side-pane-value) !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-readiness-status.pass:not(#sq-leads-side-pane-final-polish-lock) { background: color-mix(in srgb, #dff5ea 78%, #fff) !important; border-color: color-mix(in srgb, #0f8a52 24%, var(--line)) !important; color: color-mix(in srgb, #0f6140 82%, var(--ink)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice:not(#sq-leads-side-pane-final-polish-lock) { background: color-mix(in srgb, #fff 84%, var(--paper)) !important; border: 1px solid color-mix(in srgb, #d7e5ef 78%, var(--line)) !important; border-radius: 8px !important; color: var(--sq-side-pane-value) !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice span:not(#sq-leads-side-pane-final-polish-lock) { color: currentColor !important; font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice.is-selected:not(#sq-leads-side-pane-final-polish-lock) { background: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 14%, #fff) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 58%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), inset 0 -2px 0 color-mix(in srgb, var(--primary) 54%, transparent) !important; color: color-mix(in srgb, var(--primary) 86%, var(--ink)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-controls-body:not(#sq-leads-side-pane-final-polish-lock) { border-top-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 22%, var(--line)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon:not(#sq-leads-side-pane-final-polish-lock) { background: linear-gradient(180deg, color-mix(in srgb, #fff 88%, var(--paper)), color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 5%, #fff)) !important; border: 1px solid color-mix(in srgb, #cfe2ef 82%, var(--line)) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 1px 2px rgba(16,24,32,.045) !important; color: color-mix(in srgb, var(--ink) 86%, var(--primary)) !important; gap: 4px !important; min-height: 51px !important; padding: 7px 6px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon svg:not(#sq-leads-side-pane-final-polish-lock) { height: 17px !important; stroke-width: 1.9 !important; width: 17px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon small:not(#sq-leads-side-pane-final-polish-lock) { color: currentColor !important; font-family: inherit !important; font-size: 10px !important; font-style: normal !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.05 !important; max-width: 100% !important; overflow: hidden !important; text-align: center !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; white-space: nowrap !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.lead-panel-action-chip.quote:not(#sq-leads-side-pane-final-polish-lock) { background: linear-gradient(180deg, #eef9ff, #e3f3fb) !important; border-color: #79bfe3 !important; color: var(--sq-side-pane-blue) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.lead-panel-action-chip.bonzo:not(#sq-leads-side-pane-final-polish-lock) { background: linear-gradient(180deg, #fff4fb, #fdebf5) !important; border-color: color-mix(in srgb, #f233a6 40%, var(--line)) !important; color: var(--sq-side-pane-pink) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.lead-panel-action-chip.preview:not(#sq-leads-side-pane-final-polish-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.import:not(#sq-leads-side-pane-final-polish-lock) { background: linear-gradient(180deg, #f8fbff, #edf6fb) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; color: color-mix(in srgb, var(--primary) 82%, var(--ink)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.is-active:not(#sq-leads-side-pane-final-polish-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon:is(:hover,:focus,:focus-visible):not(#sq-leads-side-pane-final-polish-lock) { border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 60%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 0 0 2px color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 15%, transparent) !important; outline: 0 !important; transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.import.is-imported:not(#sq-leads-side-pane-final-polish-lock) { background: color-mix(in srgb, #dff5ea 82%, #fff) !important; border-color: color-mix(in srgb, #0f8a52 34%, var(--line)) !important; color: color-mix(in srgb, #0f6140 84%, var(--ink)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.import.is-login-needed:not(#sq-leads-side-pane-final-polish-lock) { background: color-mix(in srgb, #fff4d7 82%, #fff) !important; border-color: color-mix(in srgb, #d29319 36%, var(--line)) !important; color: color-mix(in srgb, #9a6700 84%, var(--ink)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.import:is(.is-importing,.is-import-pending):not(#sq-leads-side-pane-final-polish-lock) { background: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 18%, #fff) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 52%, var(--primary)) !important; color: color-mix(in srgb, var(--primary) 86%, var(--ink)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.bonzo .bonzo-mark:not(#sq-leads-side-pane-final-polish-lock) { background: #fff !important; box-shadow: 0 1px 2px rgba(16,24,32,.08) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card):not([open]) > .editor-section-summary > span:first-child:not(#sq-leads-side-pane-collapsed-label-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card:not([open]) .lead-panel-status-inline-tab:not(#sq-leads-side-pane-collapsed-label-lock) { color: color-mix(in srgb, var(--ink) 92%, #000) !important; } /* Home Equity balance/rate order: keep lien balances paired before current-rate/cash-out inputs. */ .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-first-balance, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-first-balance, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-first-balance, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-first-balance, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-second-balance, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-second-balance, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-second-balance, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-second-balance, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 2 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-current-rate, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-current-rate, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-current-rate, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-current-rate, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-current-rate { grid-column: 1 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-cash-out { grid-column: 2 !important; grid-row: 3 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-fico, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-fico, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-fico, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-fico, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body.is-home-equity-scenario.has-existing-loan-fields:not(:has(> .scenario-field-second-current-rate)) > .scenario-field-ltv { grid-column: 2 !important; grid-row: 4 !important; } /* Home Equity live edits can create the LTV/CLTV pair before the full pane redraws. */ :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields > .scenario-field-ratio-pair { align-self: start !important; display: grid !important; gap: 6px !important; grid-column: 2 !important; grid-row: 4 !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-self: stretch !important; min-width: 0 !important; width: 100% !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields > .scenario-field-ratio-pair > label { display: flex !important; flex-direction: column !important; gap: 4px !important; margin: 0 !important; min-width: 0 !important; white-space: normal !important; width: 100% !important; } /* Cash-Out Refi with a 2nd balance: pair balances first, then current rates. */ :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-cash-out-scenario.has-existing-loan-fields.has-cash-out-second-balance { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: repeat(5, minmax(0, auto)) !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-cash-out-scenario.has-existing-loan-fields.has-cash-out-second-balance > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-cash-out-scenario.has-existing-loan-fields.has-cash-out-second-balance > .scenario-field-cash-out { align-self: start !important; display: flex !important; flex-direction: column !important; gap: 4px !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: stretch !important; min-width: 0 !important; width: 100% !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-cash-out-scenario.has-existing-loan-fields.has-cash-out-second-balance > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-cash-out-scenario.has-existing-loan-fields.has-cash-out-second-balance > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 2 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-cash-out-scenario.has-existing-loan-fields.has-cash-out-second-balance > .scenario-field-current-rate { grid-column: 1 !important; grid-row: 3 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-cash-out-scenario.has-existing-loan-fields.has-cash-out-second-balance > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-cash-out-scenario.has-existing-loan-fields.has-cash-out-second-balance > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-cash-out-scenario.has-existing-loan-fields.has-cash-out-second-balance > .scenario-field-ltv, :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-cash-out-scenario.has-existing-loan-fields.has-cash-out-second-balance > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 4 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-cash-out-scenario.has-existing-loan-fields.has-cash-out-second-balance > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 5 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-cash-out-scenario.has-existing-loan-fields.has-cash-out-second-balance > .scenario-field-purpose { grid-column: 2 !important; grid-row: 5 !important; } /* Home Equity with a 2nd balance: match the Cash-Out two-lien field order. */ :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: repeat(5, minmax(0, auto)) !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-value { grid-column: 1 !important; grid-row: 1 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-cash-out { align-self: start !important; display: flex !important; flex-direction: column !important; gap: 4px !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: stretch !important; min-width: 0 !important; width: 100% !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-first-balance { grid-column: 1 !important; grid-row: 2 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-second-balance { grid-column: 2 !important; grid-row: 2 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-current-rate { grid-column: 1 !important; grid-row: 3 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-second-current-rate { grid-column: 2 !important; grid-row: 3 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-fico { grid-column: 1 !important; grid-row: 4 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-ltv, :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-ratio-pair { grid-column: 2 !important; grid-row: 4 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-occupancy { grid-column: 1 !important; grid-row: 5 !important; } :is( .lead-scenario-fields[open] > .lead-scenario-body, .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-lead-rail .expanded-row .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-inline-lead-panel .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-desktop-inline-detail-lock .lead-inline-detail-stack .lead-editor-grid .lead-scenario-fields[open] > .lead-scenario-body, .workspace.has-mobile-inline-detail-lock .lead-scenario-fields[open] > .lead-scenario-body ).is-home-equity-scenario.has-existing-loan-fields:has(> .scenario-field-second-current-rate) > .scenario-field-purpose { grid-column: 2 !important; grid-row: 5 !important; } /* Leads workspace: flat grid surface with one controlled expanded-row backing. */ html:has(body[data-app-view="leads"]), html body[data-app-view="leads"], html body[data-app-view="leads"] .app-main, html body[data-app-view="leads"] .workspace, html body[data-app-view="leads"] .lead-table-region, html body[data-app-view="leads"] .lead-inline-detail-block, html body[data-app-view="leads"] .lead-expanded-workspace-frame, html body[data-app-view="leads"] .selected-lead-panel, html body[data-app-view="leads"] .lead-side-rail { overflow-anchor: none; } html body[data-app-view="leads"] .app-main, html body[data-app-view="leads"] .workspace, html body[data-app-view="leads"] .workspace.has-side-panel, html body[data-app-view="leads"] .workspace.has-lead-rail, html body[data-app-view="leads"] .workspace.has-expanded-inline-lead-panel { background: var(--window-bg); } html body[data-app-view="leads"] .expanded-row td, html body[data-app-view="leads"] .lead-pane-inline-row > td, html body[data-app-view="leads"] .workspace.has-expanded-inline-lead-panel .lead-inline-detail-block, html body[data-app-view="leads"] .workspace.has-desktop-inline-detail-lock .lead-inline-detail-block, html body[data-app-view="leads"] .workspace.has-mobile-inline-detail-lock .lead-inline-detail-block { background: var(--window-bg); } html body[data-app-view="leads"] .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame :is( .lead-editor-lane.pricing-lane, [data-lead-editor-card="pricing"], .mini-pricing-lab, .mini-pricing-body ) { background: transparent !important; box-shadow: none !important; } html body[data-app-view="leads"] .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is( .lead-top-collapsible-card.editor-property, .lead-scenario-fields ) { background: var(--window-bg) !important; background-clip: padding-box; border-color: color-mix(in srgb, var(--ink) 24%, var(--window-border)) !important; } html body[data-app-view="leads"] .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .mini-pricing-body > .mini-rate-snapshot-frame { background: var(--window-bg) !important; background-clip: padding-box; border-color: color-mix(in srgb, var(--ink) 24%, var(--window-border)) !important; } @media (min-width: 981px) { html body[data-app-view="leads"] .workspace, html body[data-app-view="leads"] .workspace.has-side-panel, html body[data-app-view="leads"] .workspace.has-lead-rail, html body[data-app-view="leads"] .workspace.has-expanded-inline-lead-panel { gap: 0; padding: var(--lead-sticky-header-height, 0px) 0 0; } html body[data-app-view="leads"] .app-header { background: var(--paper); border-bottom: 0; box-shadow: none; box-sizing: border-box; left: var(--lead-frozen-header-left, 210px); position: fixed !important; right: auto; top: 0; transform: none !important; transition: none !important; width: var(--lead-frozen-header-width, calc(100vw - 210px)); z-index: 90; } html body[data-app-view="leads"] .app-header:has(.header-lead-toolbar:not(.funded-header-toolbar)) { position: fixed !important; } html body[data-app-view="leads"].lead-controls-compact .app-header { opacity: 1; pointer-events: auto; transform: none !important; } html body[data-app-view="leads"] .lead-table-region { background: var(--paper); box-sizing: border-box; padding-top: 0; width: 100%; } html body[data-app-view="leads"] .lead-table-region > .table-wrap, html body[data-app-view="leads"] .lead-table-region > .lead-rail-table-top-block + .table-wrap { border-left: 0; border-radius: 0; border-right: 0; width: 100%; } html body[data-app-view="leads"] .lead-frozen-header-wrap { background: var(--paper); border-left: 0; border-radius: 0; border-right: 0; border-top: 0; box-shadow: 0 1px 0 color-mix(in srgb, var(--line) 92%, transparent); box-sizing: border-box; left: var(--lead-frozen-header-left, 210px); padding-left: var(--lead-frozen-header-pad-left, 22px); padding-right: var(--lead-frozen-header-pad-right, 18px); position: fixed; top: var(--lead-sticky-header-height, 0px); transition: none; width: var(--lead-frozen-header-width, calc(100vw - 210px)); z-index: 89; } html body[data-app-view="leads"].lead-controls-compact .lead-frozen-header-wrap { top: var(--lead-sticky-header-height, 0px) !important; transition: none; } html body[data-app-view="leads"] .lead-frozen-header-wrap + .table-wrap, html body[data-app-view="leads"] .lead-frozen-header-wrap + .lead-rail-table-top-block { border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; margin-top: var(--lead-frozen-header-height, 54px); } html body[data-app-view="leads"] .lead-frozen-header-wrap + .lead-rail-table-top-block + .table-wrap { margin-top: 0; } html body[data-app-view="leads"] .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail { max-height: calc(100vh - var(--lead-frozen-top-stack-height, var(--lead-sticky-header-height, 0px)) - 24px); top: calc(var(--lead-frozen-top-stack-height, var(--lead-sticky-header-height, 0px)) + 12px); } html body[data-app-view="leads"] .workspace.filter-mode, html body[data-app-view="leads"] .workspace.filter-mode.has-side-panel, html body[data-app-view="leads"] .workspace.filter-mode.has-lead-rail { grid-template-columns: minmax(0,1fr) !important; overflow-x: clip; position: relative; } html body[data-app-view="leads"] .workspace.filter-mode > .lead-table-region { grid-column: 1 !important; grid-row: 1 !important; overflow: visible; width: 100%; } html body[data-app-view="leads"] .workspace.filter-mode > .filter-panel { align-self: start; background: color-mix(in srgb, var(--soft) 74%, var(--paper)); border-color: color-mix(in srgb, var(--line) 80%, var(--accent) 20%); border-radius: 8px; box-shadow: 0 18px 46px rgba(9,28,46,.18), inset 0 1px 0 rgba(255,255,255,.62); box-sizing: border-box; grid-column: 1 !important; grid-row: 1 !important; justify-self: end; margin: calc(var(--lead-frozen-header-height, 54px) + 8px) 18px 18px 0; max-height: calc(100vh - var(--lead-frozen-top-stack-height, var(--lead-sticky-header-height, 0px)) - 24px); max-width: calc(100vw - var(--lead-frozen-header-left, 210px) - 34px); overflow: auto; position: sticky; top: calc(var(--lead-frozen-top-stack-height, var(--lead-sticky-header-height, 0px)) + 12px); width: min(454px, calc(100vw - var(--lead-frozen-header-left, 210px) - 34px)); z-index: 88; } } .quote-selection-tab.is-manual-lender { min-height: 104px; padding-bottom: 12px; padding-top: 12px; } .quote-selection-tab.is-manual-lender .quote-selection-body { min-height: 74px; } .quote-selection-token.is-manual-toggle, html[data-theme="dark"] body .quote-selection-token.is-manual-toggle { align-items: center !important; background: rgba(255,255,255,.26) !important; border: 1px solid rgba(255,255,255,.54) !important; border-radius: 999px !important; box-shadow: 0 1px 4px rgba(16,24,32,.12) !important; display: inline-flex !important; height: 18px !important; justify-content: center !important; left: 8px; min-width: 0 !important; overflow: hidden !important; padding: 0 !important; position: absolute; top: 8px; width: 18px !important; z-index: 2; } .quote-selection-token.is-manual-toggle .quote-selection-token-dot { background: currentColor; border-radius: 999px; display: block; height: 7px; opacity: .9; width: 7px; } .quote-selection-tab.is-disabled .quote-selection-token.is-manual-toggle .quote-selection-token-dot { background: transparent; border: 1px solid currentColor; box-sizing: border-box; opacity: .72; } .quote-selection-token.is-manual-toggle:hover, .quote-selection-token.is-manual-toggle:focus, html[data-theme="dark"] body .quote-selection-token.is-manual-toggle:hover, html[data-theme="dark"] body .quote-selection-token.is-manual-toggle:focus { box-shadow: 0 0 0 2px rgba(255,255,255,.34), 0 2px 6px rgba(16,24,32,.15) !important; outline: 0; } /* Preferred-investor cards: larger text hierarchy without changing Auto mode logo cards. */ .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) { min-height: 116px; padding: 12px 8px 13px; } .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) .quote-selection-body { min-height: 84px; } .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) .quote-selection-label { gap: 5px; line-height: 1.03; transform: none; width: 100%; } .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) .quote-selection-label span { font-size: 13px; font-weight: 950; } .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) .quote-selection-label small { font-size: 11.5px; font-weight: 900; } .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) .quote-selection-label strong { font-size: 17px; font-weight: 980; } .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) .quote-selection-label em { font-size: 14.5px; font-weight: 980; } @container (max-width: 390px) { .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) { min-height: 108px; padding: 9px 5px 10px; } .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) .quote-selection-body { min-height: 72px; } .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) .quote-selection-label { gap: 4px; } .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) .quote-selection-label span { font-size: 11.5px; } .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) .quote-selection-label small { font-size: 10.5px; } .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) .quote-selection-label strong { font-size: 15px; } .workspace .mini-rate-snapshot-frame[open] .quote-selection-row:not(.has-auto-mood) .quote-selection-tab.is-manual-lender:not(.is-unavailable) .quote-selection-label em { font-size: 13px; } } .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip, .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip, .pricing-preset-lender-cycle:not(.is-auto) .lender-brand.chip, .mini-collapsed-option-chip .lender-brand.chip, html[data-theme="dark"] body .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip, html[data-theme="dark"] body .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip, html[data-theme="dark"] body .pricing-preset-lender-cycle:not(.is-auto) .lender-brand.chip, html[data-theme="dark"] body .mini-collapsed-option-chip .lender-brand.chip { align-items: center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; display: inline-flex !important; justify-content: center !important; opacity: 1 !important; overflow: visible !important; visibility: visible !important; } .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip .lender-logo-stack, .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip .lender-logo-stack, .pricing-preset-lender-cycle:not(.is-auto) .lender-brand.chip .lender-logo-stack, .mini-collapsed-option-chip .lender-brand.chip .lender-logo-stack, html[data-theme="dark"] body .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip .lender-logo-stack, html[data-theme="dark"] body .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip .lender-logo-stack, html[data-theme="dark"] body .pricing-preset-lender-cycle:not(.is-auto) .lender-brand.chip .lender-logo-stack, html[data-theme="dark"] body .mini-collapsed-option-chip .lender-brand.chip .lender-logo-stack { align-items: center !important; display: inline-flex !important; justify-content: center !important; opacity: 1 !important; overflow: visible !important; visibility: visible !important; } .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip .lender-logo-mark, .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip .lender-logo-mark, .pricing-preset-lender-cycle:not(.is-auto) .lender-brand.chip .lender-logo-mark, .mini-collapsed-option-chip .lender-brand.chip .lender-logo-mark, html[data-theme="dark"] body .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip .lender-logo-mark, html[data-theme="dark"] body .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip .lender-logo-mark, html[data-theme="dark"] body .pricing-preset-lender-cycle:not(.is-auto) .lender-brand.chip .lender-logo-mark, html[data-theme="dark"] body .mini-collapsed-option-chip .lender-brand.chip .lender-logo-mark { background: #fff !important; border: 1px solid color-mix(in srgb, #d8e2ec 82%, #fff) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 1px 4px rgba(16,24,32,.14) !important; box-sizing: border-box !important; display: block !important; filter: none !important; mix-blend-mode: normal !important; object-fit: contain !important; object-position: center !important; opacity: 1 !important; padding: 0 !important; visibility: visible !important; } .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip .lender-logo-mark, .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip .lender-logo-mark, html[data-theme="dark"] body .mini-control-pref-field .mini-pref-display-logo.lender-brand.chip .lender-logo-mark, html[data-theme="dark"] body .preferred-investor-field .control-pref-choice-shell .mini-pref-display-logo.lender-brand.chip .lender-logo-mark { height: 22px !important; max-height: 22px !important; max-width: 22px !important; width: 22px !important; } .pricing-preset-lender-cycle:not(.is-auto) .lender-brand.chip .lender-logo-mark, html[data-theme="dark"] body .pricing-preset-lender-cycle:not(.is-auto) .lender-brand.chip .lender-logo-mark { height: 21px !important; max-height: 21px !important; max-width: 21px !important; width: 21px !important; } .mini-collapsed-option-chip .lender-brand.chip .lender-logo-mark, html[data-theme="dark"] body .mini-collapsed-option-chip .lender-brand.chip .lender-logo-mark { height: 18px !important; max-height: 18px !important; max-width: 18px !important; width: 18px !important; } /* Workspace color controls: keep shared section shells readable when users darken Section Background. */ .editor-section, .mini-rate-snapshot-frame { border-color: var(--window-border-contrast) !important; color: var(--window-ink); } .lead-scenario-body label, .editor-section-body label, .mini-rate-snapshot-body label, .detail > span, .quick-detail > span, .editor-section .field-label, .mini-rate-snapshot-frame .field-label { color: var(--window-label) !important; font-weight: var(--workspace-font-weight) !important; } .lead-editor-grid .editor-section > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-status-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-notes-card > .editor-section-summary > span:first-child, .selected-lead-panel .lead-panel-log-card > .editor-section-summary > span:first-child, .pipeline-window-label span, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor .pipeline-editor-card > .editor-section-summary > span:first-child, .pipeline-editor .pipeline-notes-card > .editor-section-summary > span:first-child, .mismo-1003-group summary, .control-framed-label { color: var(--window-label) !important; font-weight: var(--workspace-font-weight) !important; } .editor-section-summary small:not(.lead-panel-notes-preview):not(.lead-panel-log-preview), .mini-rate-snapshot-head small, .mini-rate-snapshot-body small, .editor-section .meta, .mini-rate-snapshot-frame .meta { color: var(--window-muted) !important; } .selected-lead-panel .quick-choice-value-stack span, .selected-lead-panel .quick-choice-menu strong, .quick-detail input, .quick-detail select { color: var(--ink); } .workspace :is(.lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel) .mini-rate-snapshot-frame[open] .mini-price-option :is(.mini-product-controls label, .mini-fee-strip > :not(.mini-lpc-comp):not(.mini-second-lpc-comp):not(.mini-summary-comp), .mini-fee-note, .mini-quote-summary, .compact-rate-sheet, .quote-breakdown-section), .workspace :is(.lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel) .mini-rate-snapshot-frame[open] :is(.mini-pricing-section-shell, .mini-cockpit-detail-stack) > .quote-breakdown-section { --ink: var(--workspace-field-card-ink); --muted: var(--workspace-field-card-muted); --line: var(--workspace-field-card-border); background: var(--workspace-field-card-fill) !important; background-color: var(--workspace-field-card-fill) !important; border-color: var(--workspace-field-card-border) !important; color: var(--workspace-field-card-ink) !important; } .workspace :is(.lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel) .mini-rate-snapshot-frame[open] .compact-rate-sheet :is(.compact-rate-sheet-scroll, table, tbody, tr, td) { background: transparent !important; background-color: transparent !important; } .workspace :is(.lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel) .mini-rate-snapshot-frame[open] .compact-rate-sheet :is(.compact-rate-sheet-head, thead, th) { background: color-mix(in srgb, var(--workspace-field-card-fill) 88%, var(--workspace-field-card-ink)) !important; background-color: color-mix(in srgb, var(--workspace-field-card-fill) 88%, var(--workspace-field-card-ink)) !important; border-color: var(--workspace-field-card-border) !important; color: var(--workspace-field-card-ink) !important; } .workspace :is(.lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel) .mini-rate-snapshot-frame[open] :is(.mini-product-controls label, .mini-fee-strip > :not(.mini-lpc-comp):not(.mini-second-lpc-comp):not(.mini-summary-comp), .mini-fee-note, .mini-quote-summary, .compact-rate-sheet, .quote-breakdown-section) :is(.muted, .field-label, small, .quote-breakdown-section-subtitle) { color: var(--workspace-field-card-muted) !important; } /* Final preview polish: Control Center columns and shared grey workspace backing. */ body[data-app-view] .app-main:not(#sq-universal-grey-backing-lock), body[data-app-view] .workspace:not(#sq-universal-grey-backing-lock), body[data-app-view] .workspace.has-side-panel:not(#sq-universal-grey-backing-lock), body[data-app-view] .workspace.has-lead-rail:not(#sq-universal-grey-backing-lock), body[data-app-view] .workspace.no-side-panel:not(#sq-universal-grey-backing-lock), body[data-app-view] .workspace.filter-mode:not(#sq-universal-grey-backing-lock), body[data-app-view] .workspace.funded-workspace:not(#sq-universal-grey-backing-lock), body[data-app-view] .workspace.pipeline-workspace:not(#sq-universal-grey-backing-lock), body[data-app-view] .workspace.pipeline-workspace.has-pipeline-panel:not(#sq-universal-grey-backing-lock), body[data-app-view] .workspace.pipeline-workspace.has-pipeline-rail:not(#sq-universal-grey-backing-lock), body[data-app-view="leads"] .lead-table-region:not(#sq-universal-grey-backing-lock), body[data-app-view="leads"] .lead-inline-detail-block:not(#sq-universal-grey-backing-lock), body[data-app-view="leads"] .expanded-row > td:not(#sq-universal-grey-backing-lock), body[data-app-view="leads"] .lead-pane-inline-row > td:not(#sq-universal-grey-backing-lock) { background: var(--window-bg) !important; background-color: var(--window-bg) !important; } body[data-app-view="control"] .workspace:not(#sq-control-center-two-column-lock), body[data-app-view="control"] .workspace.no-side-panel:not(#sq-control-center-two-column-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="control"] .control-page:not(#sq-control-center-two-column-lock) { align-items: start !important; display: grid !important; gap: 14px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; min-width: 0 !important; } body[data-app-view="control"] .control-page > .control-collapsible-section:not(#sq-control-center-two-column-lock) { margin-bottom: 0 !important; min-width: 0 !important; width: 100% !important; } body[data-app-view="control"] .control-page > .control-collapsible-section[open] > .control-collapsible-body:not(#sq-control-center-two-column-lock) { align-items: start !important; display: grid !important; gap: 12px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; min-width: 0 !important; } body[data-app-view="control"] .control-page > .control-collapsible-section[open] > .control-collapsible-body > *:not(#sq-control-center-two-column-lock) { min-width: 0 !important; } body[data-app-view="control"] .control-page > .market-data-panel[open] > .control-collapsible-body > :is(.market-data-head,.quote-status,.market-apor-panel):not(#sq-control-center-two-column-lock), body[data-app-view="control"] .control-page > .lead-import-control-panel[open] > .control-collapsible-body > :is(.lead-import-automation-strip,.lead-import-ready-strip,.lead-import-modal-notice):not(#sq-control-center-two-column-lock) { grid-column: 1 / -1 !important; } body[data-app-view="control"] .control-page > .pricing-engine-panel[open] > .control-collapsible-body:not(#sq-control-center-two-column-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="control"] :is(.investor-pricing-snapshot-body,.rate-sheet-imports-body,.investor-control-body):not(#sq-control-center-two-column-lock) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body[data-app-view="control"] .auto-quote-collapsible-body:not(#sq-control-center-two-column-lock) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body[data-app-view="control"] .auto-quote-body:not(#sq-control-center-two-column-lock) { align-items: stretch !important; display: grid !important; gap: 10px !important; grid-column: auto !important; grid-row: auto !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; min-width: 0 !important; } body[data-app-view="control"] .auto-quote-fields:not(#sq-control-center-two-column-lock), body[data-app-view="control"] .auto-quote-lists:not(#sq-control-center-two-column-lock), body[data-app-view="control"] .auto-quote-delivery-stack:not(#sq-control-center-two-column-lock), body[data-app-view="control"] :is(.auto-quote-purpose-lane,.auto-quote-occupancy-lane,.auto-quote-property-lane):not(#sq-control-center-two-column-lock) { grid-column: auto !important; grid-row: auto !important; } body[data-app-view="control"] .auto-quote-lists:not(#sq-control-center-two-column-lock) { display: grid !important; gap: 10px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; min-width: 0 !important; } body[data-app-view="control"] .auto-quote-property-lane:not(#sq-control-center-two-column-lock) { grid-column: 1 / -1 !important; } body[data-app-view="control"] .auto-quote-delivery-stack:not(#sq-control-center-two-column-lock) { grid-template-columns: minmax(0,1fr) !important; } @media (max-width: 980px) { body[data-app-view="control"] .control-page:not(#sq-control-center-two-column-lock), body[data-app-view="control"] .control-page > .control-collapsible-section[open] > .control-collapsible-body:not(#sq-control-center-two-column-lock), body[data-app-view="control"] :is(.investor-pricing-snapshot-body,.rate-sheet-imports-body,.investor-control-body,.auto-quote-collapsible-body,.auto-quote-body,.auto-quote-lists):not(#sq-control-center-two-column-lock) { grid-template-columns: minmax(0,1fr) !important; } } /* Home Equity two-lane Loan Scenario header: keep FHA/VA/Reprice inside the card rail. */ .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"] .lead-scenario-fields[open]:has(> .lead-scenario-body.is-home-equity-scenario) > .editor-section-summary { column-gap: 8px !important; grid-template-columns: max-content minmax(0,1fr) max-content !important; overflow: hidden !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"] .lead-scenario-fields[open]:has(> .lead-scenario-body.is-home-equity-scenario) > .editor-section-summary > .lead-card-drag-handle { display: none !important; } .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"] .lead-scenario-fields[open]:has(> .lead-scenario-body.is-home-equity-scenario) .scenario-summary-actions, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"] .lead-scenario-fields[open]:has(> .lead-scenario-body.is-home-equity-scenario) .scenario-summary-actions.has-two-actions, .lead-expanded-workspace-frame .lead-editor-grid.has-mortgage-compare.is-measured-two-lane:not(.is-lean-single-lane) > [data-lead-editor-card="loanScenario"] .lead-scenario-fields[open]:has(> .lead-scenario-body.is-home-equity-scenario) .scenario-summary-actions.has-reprice-action { align-self: center !important; grid-column: 3 !important; justify-content: flex-end !important; justify-self: end !important; left: auto !important; margin: 0 !important; max-width: 100% !important; min-width: 0 !important; position: static !important; right: auto !important; top: auto !important; transform: none !important; width: auto !important; } /* Collapsed right rail, narrow desktop: keep Reprice/FHA/VA inside Loan Scenario. */ @media (min-width: 561px) { .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame:is(.is-rail-compact-single,.is-rail-compact-compare) .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary { align-items: start; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame:is(.is-rail-compact-single,.is-rail-compact-compare) .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary > span:first-child { top: calc(var(--lead-card-header-label-top) - 1px); } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame:is(.is-rail-compact-single,.is-rail-compact-compare) .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions.has-two-actions { justify-self: end; margin-right: 12px; } } @media (max-width: 560px) { .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame:is(.is-rail-compact-single,.is-rail-compact-compare) .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-two-actions), .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame:is(.is-rail-compact-single,.is-rail-compact-compare) .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action) { column-gap: 6px !important; grid-template-columns: max-content minmax(0,1fr) max-content !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame:is(.is-rail-compact-single,.is-rail-compact-compare) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-two-actions, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame:is(.is-rail-compact-single,.is-rail-compact-compare) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action { gap: 4px !important; justify-self: end !important; max-width: 100% !important; transform: none !important; width: auto !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame:is(.is-rail-compact-single,.is-rail-compact-compare) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-anchor, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame:is(.is-rail-compact-single,.is-rail-compact-compare) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .scenario-reprice-button { min-width: 74px !important; } .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame:is(.is-rail-compact-single,.is-rail-compact-compare) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-two-actions .va-eligibility-toggle, .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame:is(.is-rail-compact-single,.is-rail-compact-compare) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action .va-eligibility-toggle { flex: 0 0 42px !important; min-width: 42px !important; padding-left: 7px !important; padding-right: 7px !important; width: 42px !important; } } /* Workspace label bold: collapsed Control Center tabs match expanded tabs. */ .control-collapsible-section > .control-collapsible-summary .control-framed-label, .control-collapsible-section > .control-collapsible-summary .control-framed-label * { font-weight: var(--workspace-font-weight) !important; } /* Calculators: each tool row owns the Settings-style frame; the outer shell stays invisible. */ body[data-app-view="calculators"] .calculators-page > .calculator-shell.panel:not(#sq-calculator-shell-row-frame-lock) { background: transparent !important; border: 0 !important; border-color: transparent !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; overflow: visible !important; padding: 0 !important; } body[data-app-view="calculators"] .calculators-page > .calculator-shell.panel > form:not(#sq-calculator-shell-row-frame-lock) { background: transparent !important; border: 0 !important; box-shadow: none !important; gap: 0 !important; outline: 0 !important; padding: 0 !important; } body[data-app-view="calculators"] .calculator-grid:not(#sq-calculator-shell-row-frame-lock) { align-items: start !important; background: transparent !important; border: 0 !important; box-shadow: none !important; gap: 10px !important; outline: 0 !important; } body[data-app-view="calculators"] .calculator-grid .calculator-column-stack:not(#sq-calculator-shell-row-frame-lock) { align-content: start !important; display: grid !important; gap: 10px !important; grid-template-columns: minmax(0,1fr) !important; min-width: 0 !important; } body[data-app-view="calculators"] .calculator-grid > .calculator-card.calculator-collapsible-section:not(#sq-calculator-shell-row-frame-lock), body[data-app-view="calculators"] .calculator-grid .calculator-column-stack > .calculator-card.calculator-collapsible-section:not(#sq-calculator-shell-row-frame-lock) { align-self: start !important; background: linear-gradient(180deg, color-mix(in srgb, var(--soft) 20%, var(--paper)), var(--paper)) !important; border: 1px solid color-mix(in srgb, var(--line) 64%, var(--primary)) !important; border-left: 4px solid color-mix(in srgb, var(--accent) 70%, var(--primary)) !important; border-radius: 8px !important; box-shadow: 0 8px 22px rgba(9,28,46,.035) !important; gap: 0 !important; overflow: hidden !important; padding: 0 !important; } body[data-app-view="calculators"] .calculator-grid > .calculator-card.calculator-collapsible-section:is(:hover,:focus-within):not(#sq-calculator-shell-row-frame-lock), body[data-app-view="calculators"] .calculator-grid .calculator-column-stack > .calculator-card.calculator-collapsible-section:is(:hover,:focus-within):not(#sq-calculator-shell-row-frame-lock) { border-color: color-mix(in srgb, var(--line) 64%, var(--primary)) !important; box-shadow: 0 8px 22px rgba(9,28,46,.035) !important; } body[data-app-view="calculators"] .calculator-grid > .calculator-card.calculator-collapsible-section > .calculator-card-head:not(#sq-calculator-shell-row-frame-lock), body[data-app-view="calculators"] .calculator-grid .calculator-column-stack > .calculator-card.calculator-collapsible-section > .calculator-card-head:not(#sq-calculator-shell-row-frame-lock) { align-items: center !important; background: transparent !important; border-bottom: 1px solid transparent !important; display: grid !important; gap: 10px !important; grid-template-columns: minmax(0,1fr) auto !important; min-height: 58px !important; padding: 12px 14px 12px 13px !important; } body[data-app-view="calculators"] .calculator-grid > .calculator-card.calculator-collapsible-section[open] > .calculator-card-head:not(#sq-calculator-shell-row-frame-lock), body[data-app-view="calculators"] .calculator-grid .calculator-column-stack > .calculator-card.calculator-collapsible-section[open] > .calculator-card-head:not(#sq-calculator-shell-row-frame-lock) { border-bottom-color: color-mix(in srgb, var(--line) 78%, var(--primary)) !important; } body[data-app-view="calculators"] .calculator-grid [data-calculator-section="debtImport"] > .calculator-card-head:not(#sq-calculator-shell-row-frame-lock) { grid-template-columns: minmax(150px,max-content) minmax(0,1fr) auto !important; } body[data-app-view="calculators"] .calculator-grid > .calculator-card.calculator-collapsible-section > .calculator-card-head > span:first-child:not(.calculator-title-stack):not(#sq-calculator-shell-row-frame-lock), body[data-app-view="calculators"] .calculator-grid .calculator-column-stack > .calculator-card.calculator-collapsible-section > .calculator-card-head > span:first-child:not(.calculator-title-stack):not(#sq-calculator-shell-row-frame-lock) { align-items: center !important; display: inline-flex !important; min-width: 0 !important; } body[data-app-view="calculators"] .calculator-card-head .calculator-title-stack:not(#sq-calculator-summary-description-lock) { align-items: start !important; display: grid !important; gap: 4px !important; justify-items: start !important; min-width: 0 !important; } body[data-app-view="calculators"] .calculator-card-head .calculator-title-stack > small:not(#sq-calculator-summary-description-lock) { color: color-mix(in srgb, var(--section-label) 62%, var(--muted)) !important; font-size: 12px !important; font-weight: 620 !important; letter-spacing: 0 !important; line-height: 1 !important; overflow: hidden !important; text-overflow: ellipsis !important; text-transform: none !important; white-space: nowrap !important; } body[data-app-view="calculators"] .calculator-card-head .control-framed-label:not(#sq-calculator-shell-row-frame-lock), body[data-app-view="calculators"] .calculator-card-head .control-framed-label.is-debt-calculator:not(#sq-calculator-shell-row-frame-lock) { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--ink) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.05 !important; min-height: 0 !important; padding: 0 !important; width: auto !important; } body[data-app-view="calculators"] .calculator-card-head .control-framed-label:not(#sq-calculator-shell-row-frame-lock)::before, body[data-app-view="calculators"] .calculator-card-head .control-framed-label.is-debt-calculator:not(#sq-calculator-shell-row-frame-lock)::before { content: none !important; display: none !important; } body[data-app-view="calculators"] .calculator-card-head > small:not(#sq-calculator-shell-row-frame-lock) { color: var(--muted) !important; font-size: 13px !important; font-weight: 680 !important; justify-self: end !important; line-height: 1.2 !important; max-width: min(42ch, 100%) !important; text-align: right !important; } body[data-app-view="calculators"] .calculator-grid > .calculator-card.calculator-collapsible-section > .calculator-card-body:not(#sq-calculator-shell-row-frame-lock), body[data-app-view="calculators"] .calculator-grid .calculator-column-stack > .calculator-card.calculator-collapsible-section > .calculator-card-body:not(#sq-calculator-shell-row-frame-lock) { padding: 14px !important; } html[data-theme="dark"] body[data-app-view="calculators"] .calculators-page > .calculator-shell.panel:not(#sq-calculator-shell-row-frame-lock) { background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; } html[data-theme="dark"] body[data-app-view="calculators"] .calculator-grid > .calculator-card.calculator-collapsible-section:not(#sq-calculator-shell-row-frame-lock), html[data-theme="dark"] body[data-app-view="calculators"] .calculator-grid .calculator-column-stack > .calculator-card.calculator-collapsible-section:not(#sq-calculator-shell-row-frame-lock) { background: linear-gradient(180deg, color-mix(in srgb, #111d28 64%, var(--paper)), var(--paper)) !important; border-color: color-mix(in srgb, #4d6b86 66%, var(--line)) !important; border-left-color: color-mix(in srgb, var(--accent) 68%, #4d6b86) !important; box-shadow: 0 12px 28px rgba(0,0,0,.2) !important; } html[data-theme="dark"] body[data-app-view="calculators"] .calculator-card-head .control-framed-label:not(#sq-calculator-shell-row-frame-lock), html[data-theme="dark"] body[data-app-view="calculators"] .calculator-card-head .control-framed-label.is-debt-calculator:not(#sq-calculator-shell-row-frame-lock) { color: #edf5fb !important; } html[data-theme="dark"] body[data-app-view="calculators"] .calculator-card-head > small:not(#sq-calculator-shell-row-frame-lock) { color: #b8cad9 !important; } /* Control Center: collapsed card titles match the clean Calculator title treatment. */ body[data-app-view="control"] .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label:not(#sq-control-collapsed-title-lock) { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--ink) !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 0 !important; padding: 0 !important; text-transform: none !important; width: auto !important; } body[data-app-view="control"] .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label:not(#sq-control-collapsed-title-lock)::before { content: none !important; display: none !important; } body[data-app-view="control"] .control-collapsible-section:not([open]) > .control-collapsible-summary > small:not(#sq-control-collapsed-title-lock), body[data-app-view="control"] .control-collapsible-section:not([open]) > .control-collapsible-summary > div:first-child > p:not(#sq-control-collapsed-title-lock) { color: var(--muted) !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.25 !important; text-transform: none !important; } /* Expanded windows use the palette label color; collapsed titles stay clean/dark. */ body[data-app-view="calculators"] .calculator-grid > .calculator-card.calculator-collapsible-section[open] > .calculator-card-head .control-framed-label:not(#sq-expanded-title-color-lock), body[data-app-view="calculators"] .calculator-grid .calculator-column-stack > .calculator-card.calculator-collapsible-section[open] > .calculator-card-head .control-framed-label:not(#sq-expanded-title-color-lock), body[data-app-view="control"] .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label:not(#sq-expanded-title-color-lock) { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--workspace-font-color, var(--section-label)) !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 0 !important; padding: 0 !important; text-transform: none !important; } .calculators-page .calculator-grid > .calculator-card.calculator-collapsible-section[open] > .calculator-card-head .calculator-title-stack > .control-framed-label:not(#sq-expanded-title-color-lock), .calculators-page .calculator-grid .calculator-column-stack > .calculator-card.calculator-collapsible-section[open] > .calculator-card-head .calculator-title-stack > .control-framed-label:not(#sq-expanded-title-color-lock) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 58%, var(--primary)) !important; } body[data-app-view="calculators"] .calculator-card-head .control-framed-label:is(:hover,:active,:focus-visible):not(#sq-calculator-hover-stability-lock), body[data-app-view="calculators"] .calculator-card-head:is(:hover,:focus-visible,:focus-within) .control-framed-label:not(#sq-calculator-hover-stability-lock) { background: transparent !important; border-color: transparent !important; box-shadow: none !important; transform: none !important; } body[data-app-view="calculators"] .calculator-grid > .calculator-card.calculator-collapsible-section[open] > .calculator-card-head .control-framed-label:not(#sq-expanded-title-color-lock)::before, body[data-app-view="calculators"] .calculator-grid .calculator-column-stack > .calculator-card.calculator-collapsible-section[open] > .calculator-card-head .control-framed-label:not(#sq-expanded-title-color-lock)::before, body[data-app-view="control"] .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label:not(#sq-expanded-title-color-lock)::before { content: none !important; display: none !important; } body[data-app-view="settings"] .settings-accordion[open] > .settings-accordion-summary .settings-accordion-title strong:not(#sq-expanded-title-color-lock) { color: var(--workspace-font-color, var(--section-label)) !important; } body[data-app-view="settings"] .settings-accordion > .settings-accordion-summary .settings-accordion-title strong:not(#sq-settings-calculator-title-match-lock), body[data-app-view="calculators"] .calculator-grid [data-calculator-section="debtImport"] > .calculator-card-head .control-framed-label.is-debt-calculator:not(#sq-settings-calculator-title-match-lock) { font-size: 18px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-transform: none !important; } /* Settings open panels: calm interior typography without changing the window label system. */ body[data-app-view="settings"] .settings-accordion[data-settings-section="setup"] .setup-guide-card-head h3:not(#sq-settings-interior-type-calm-lock) { color: color-mix(in srgb, var(--ink) 82%, var(--muted)) !important; font-size: 14.5px !important; font-weight: 700 !important; line-height: 1.16 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-section-head h4:not(#sq-settings-interior-type-calm-lock) { color: var(--workspace-font-color, var(--section-label)) !important; font-size: 14.5px !important; font-weight: 680 !important; line-height: 1.16 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-title-row h3:not(#sq-settings-interior-type-calm-lock) { color: color-mix(in srgb, var(--ink) 86%, var(--muted)) !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.12 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="setup"] .setup-guide-card-head span:not(#sq-settings-interior-type-calm-lock) { background: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 28%, var(--line)) !important; color: color-mix(in srgb, var(--accent) 68%, var(--ink)) !important; font-size: 10px !important; font-weight: 740 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="setup"] .setup-guide-card-body .meta:not(#sq-settings-interior-type-calm-lock), body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-note:not(#sq-settings-interior-type-calm-lock), body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-section-head p:not(#sq-settings-interior-type-calm-lock) { color: color-mix(in srgb, var(--muted) 84%, var(--ink)) !important; font-weight: 500 !important; line-height: 1.42 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="setup"] .setup-steps:not(#sq-settings-interior-type-calm-lock), body[data-app-view="settings"] .settings-accordion[data-settings-section="setup"] .setup-steps li:not(#sq-settings-interior-type-calm-lock) { color: color-mix(in srgb, var(--ink) 58%, var(--muted)) !important; font-weight: 520 !important; line-height: 1.48 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="setup"] .setup-steps li::marker { color: color-mix(in srgb, var(--primary) 56%, var(--muted)) !important; font-weight: 700 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-form label:not(#sq-settings-interior-type-calm-lock) { color: color-mix(in srgb, var(--ink) 88%, var(--muted)) !important; font-weight: 440 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-form input:not([type="checkbox"]):not(#sq-settings-interior-type-calm-lock) { color: color-mix(in srgb, var(--ink) 88%, var(--muted)) !important; font-weight: 520 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-card :is(.account-license-check span,.account-license-states > summary span,.account-verification-summary strong):not(#sq-settings-interior-type-calm-lock) { color: color-mix(in srgb, var(--ink) 78%, var(--muted)) !important; font-weight: 680 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-card .account-license-verified-badge:not(#sq-settings-interior-type-calm-lock) { background: #ecfdf3 !important; border: 1px solid #7bd99d !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 0 0 2px rgba(22,163,74,.06) !important; color: #087333 !important; font-size: 10.5px !important; font-weight: 800 !important; letter-spacing: .04em !important; padding: 6px 10px !important; text-transform: uppercase !important; } /* Restore the light expanded-label treatment after the softer Settings readability rules. */ body[data-app-view="settings"] .settings-accordion[open] > .settings-accordion-summary .settings-accordion-title strong:not(#sq-expanded-label-color-lock), body[data-app-view="settings"] .settings-accordion[data-settings-section="setup"][open] .setup-guide-card-head h3:not(#sq-expanded-label-color-lock), body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"][open] .account-license-card :is(.account-license-title-row h3,.account-license-section-head h4,.account-license-states > summary span):not(#sq-expanded-label-color-lock), body[data-app-view="settings"] .settings-accordion[data-settings-section="appearance"][open] .workspace-color-head .control-framed-label:not(#sq-expanded-label-color-lock), body[data-app-view="settings"] .settings-accordion[data-settings-section="billing"][open] .billing-settings-head h3:not(#sq-expanded-label-color-lock) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 58%, var(--primary)) !important; } /* Settings typography lock: calm captions and medium input values match the Branding baseline. */ body[data-app-view="settings"] .settings-card :is(.account-license-form label,.color-field span,.billing-settings-card label,.settings-placeholder-grid span):not(#sq-settings-caption-style-lock), body[data-app-view="settings"] .settings-card .account-license-section-head p:not(#sq-settings-caption-style-lock), body[data-app-view="settings"] .settings-card .account-license-note:not(#sq-settings-caption-style-lock), body[data-app-view="settings"] .settings-card :is(.setup-guide-card-body .meta,.setup-steps,.setup-steps li):not(#sq-settings-caption-style-lock) { color: color-mix(in srgb, var(--ink) 72%, var(--muted)) !important; font-size: 12px !important; font-weight: 440 !important; letter-spacing: 0 !important; line-height: 1.42 !important; text-transform: none !important; } body[data-app-view="settings"] .settings-card :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea):not(#sq-settings-input-style-lock) { color: color-mix(in srgb, var(--ink) 88%, var(--muted)) !important; font-family: inherit !important; font-size: 13px !important; font-weight: 520 !important; letter-spacing: 0 !important; line-height: 1.25 !important; } /* Debt Calculator preview: keep interior panels lighter than the outer window. */ body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] :is(.credit-report-snapshot-strip,.credit-report-identity-card,.credit-report-table-wrap,.credit-report-history-section,.credit-report-history-item,.credit-report-total-grid .calculator-metric):not(#sq-debt-preview-interior-soft-lock) { border-color: color-mix(in srgb, var(--line) 70%, transparent) !important; box-shadow: none !important; } body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] :is(.credit-report-snapshot-strip,.credit-report-identity-card,.credit-report-history-item):not(#sq-debt-preview-interior-soft-lock) { border-left-width: 2px !important; } body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-snapshot-strip.is-demo:not(#sq-debt-preview-interior-soft-lock), body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-identity-card.pass:not(#sq-debt-preview-interior-soft-lock) { border-color: color-mix(in srgb, var(--green) 26%, var(--line)) !important; border-left-color: color-mix(in srgb, var(--green) 72%, var(--line)) !important; } body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-history-item.has-alert:not(#sq-debt-preview-interior-soft-lock) { border-left-color: color-mix(in srgb, var(--red) 72%, var(--line)) !important; } body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-table th:not(#sq-debt-preview-interior-soft-lock), body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-table td:not(#sq-debt-preview-interior-soft-lock) { border-bottom-color: color-mix(in srgb, var(--line) 62%, transparent) !important; } body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-table tr.is-included td:first-child:not(#sq-debt-preview-interior-soft-lock), body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-table tr.is-paid-off td:first-child:not(#sq-debt-preview-interior-soft-lock) { box-shadow: inset 2px 0 0 color-mix(in srgb, var(--green) 84%, var(--line)) !important; } body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-table tr.is-projected td:first-child:not(#sq-debt-preview-interior-soft-lock) { box-shadow: inset 2px 0 0 color-mix(in srgb, var(--accent) 64%, var(--line)) !important; } body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-flag:not(.is-clean):not(.is-alert):not(#sq-debt-preview-flag-fill-lock) { background: color-mix(in srgb, var(--brand-gold) 14%, var(--paper)) !important; border-color: color-mix(in srgb, var(--brand-gold) 38%, var(--line)) !important; color: color-mix(in srgb, var(--ink) 86%, var(--brand-gold)) !important; } /* Calculators: Debt Calculator is the only full-width preview window. */ @media (min-width: 981px) { body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid > [data-calculator-section="debtImport"]:not(#sq-calculator-half-width-system-lock) { grid-column: 1 / -1 !important; order: 3 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid > [data-calculator-section="amortization"]:not(#sq-calculator-half-width-system-lock) { grid-column: 1 !important; order: 2 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid > [data-calculator-section="blended"]:not(#sq-calculator-half-width-system-lock) { grid-column: 2 !important; order: 3 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid > [data-calculator-section="payment"]:not(#sq-calculator-half-width-system-lock) { grid-column: 1 !important; order: 4 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid > [data-calculator-section="cashout"]:not(#sq-calculator-half-width-system-lock) { grid-column: 2 !important; order: 5 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid > [data-calculator-section="payoff"]:not(#sq-calculator-half-width-system-lock) { grid-column: 1 !important; order: 6 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid > [data-calculator-section="inputs"]:not(#sq-calculator-half-width-system-lock) { grid-column: 2 !important; order: 7 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid > .calculator-column-stack-left:not(#sq-calculator-column-stack-lock) { grid-column: 1 !important; order: 1 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid > .calculator-column-stack-right:not(#sq-calculator-column-stack-lock) { grid-column: 2 !important; order: 2 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid:has(> [data-calculator-section="amortization"][open]):not(#sq-amortization-right-column-pack-lock) { grid-auto-flow: row !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid:has(> [data-calculator-section="amortization"][open]) > [data-calculator-section="amortization"]:not(#sq-amortization-right-column-pack-lock) { grid-column: 1 !important; grid-row: 2 / span 3 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid:has(> [data-calculator-section="amortization"][open]) > [data-calculator-section="blended"]:not(#sq-amortization-right-column-pack-lock) { grid-column: 2 !important; grid-row: 2 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid:has(> [data-calculator-section="amortization"][open]) > [data-calculator-section="cashout"]:not(#sq-amortization-right-column-pack-lock) { grid-column: 2 !important; grid-row: 3 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid:has(> [data-calculator-section="amortization"][open]) > [data-calculator-section="payoff"]:not(#sq-amortization-right-column-pack-lock) { grid-column: 2 !important; grid-row: 4 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid:has(> [data-calculator-section="amortization"][open]) > [data-calculator-section="payment"]:not(#sq-amortization-right-column-pack-lock) { grid-column: 1 !important; grid-row: 5 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.has-side-panel) .calculator-grid:has(> [data-calculator-section="amortization"][open]) > [data-calculator-section="inputs"]:not(#sq-amortization-right-column-pack-lock) { grid-column: 2 !important; grid-row: 5 !important; } } body[data-app-view="calculators"] .calculator-grid .calculator-column-stack > .calculator-card.calculator-collapsible-section:not(#sq-calculator-column-stack-lock) { grid-column: 1 !important; grid-row: auto !important; width: 100% !important; } body[data-app-view="calculators"] .calculator-grid .calculator-column-stack-left > [data-calculator-section="debtImport"]:not([open]):not(#sq-calculator-debt-collapsed-left-lock) { order: 6 !important; } body[data-app-view="calculators"] .calculator-grid .calculator-column-stack-right > [data-calculator-section="inputs"]:not(#sq-calculator-payoff-right-column-lock) { order: 3 !important; } body[data-app-view="calculators"] .calculator-grid .calculator-column-stack-right > [data-calculator-section="payoff"]:not(#sq-calculator-payoff-right-column-lock) { order: 4 !important; } @media (min-width: 981px) { body[data-app-view="calculators"] .workspace.calculators-workspace:not(.calculators-top-pane) .calculator-grid:not(#sq-calculator-balanced-stack-lock) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; justify-items: stretch !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.calculators-top-pane) .calculator-grid > [data-calculator-section="debtImport"]:not(#sq-calculator-balanced-stack-lock) { grid-column: 1 / -1 !important; order: 3 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.calculators-top-pane) .calculator-grid > .calculator-column-stack-left:not(#sq-calculator-balanced-stack-lock) { grid-column: 1 !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; order: 1 !important; width: 100% !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:not(.calculators-top-pane) .calculator-grid > .calculator-column-stack-right:not(#sq-calculator-balanced-stack-lock) { grid-column: 2 !important; justify-self: stretch !important; max-width: none !important; min-width: 0 !important; order: 2 !important; width: 100% !important; } body[data-app-view="calculators"] .workspace.calculators-workspace.has-lead-rail:not(.calculators-top-pane) .calculator-grid:not(#sq-calculator-balanced-stack-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="calculators"] .workspace.calculators-workspace.has-lead-rail:not(.calculators-top-pane) .calculator-grid > .calculator-column-stack-left:not(#sq-calculator-balanced-stack-lock), body[data-app-view="calculators"] .workspace.calculators-workspace.has-lead-rail:not(.calculators-top-pane) .calculator-grid > .calculator-column-stack-right:not(#sq-calculator-balanced-stack-lock) { grid-column: 1 !important; max-width: none !important; min-width: 0 !important; width: 100% !important; } } @media (max-width: 980px) { body[data-app-view="calculators"] .workspace.calculators-workspace.has-side-panel .calculator-grid:not(#sq-calculator-balanced-stack-lock) { grid-template-columns: minmax(0,1fr) !important; } } body[data-app-view="calculators"] [data-calculator-section="amortization"][open] > .calculator-card-body:not(#sq-amortization-compact-content-lock) { gap: 8px !important; } body[data-app-view="calculators"] [data-calculator-section="amortization"][open] :is(.calculator-compare-grid,.calculator-amort-summary):not(#sq-amortization-compact-content-lock) { gap: 8px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body[data-app-view="calculators"] [data-calculator-section="amortization"][open] .calculator-compare-column:not(#sq-amortization-compact-content-lock) { gap: 7px !important; padding: 9px !important; } body[data-app-view="calculators"] [data-calculator-section="amortization"][open] .calculator-compare-column h4:not(#sq-amortization-compact-content-lock) { font-size: 14px !important; } body[data-app-view="calculators"] [data-calculator-section="amortization"][open] .calculator-metric:not(#sq-amortization-compact-content-lock) { gap: 3px !important; padding: 8px 9px !important; } body[data-app-view="calculators"] [data-calculator-section="amortization"][open] .calculator-metric strong:not(#sq-amortization-compact-content-lock) { font-size: 17px !important; } body[data-app-view="calculators"] [data-calculator-section="amortization"][open] .calculator-metric :is(span,small):not(#sq-amortization-compact-content-lock) { font-size: 10px !important; } body[data-app-view="calculators"] [data-calculator-section="amortization"][open] .calculator-amort-summary:not(#sq-amortization-compact-content-lock) { padding-top: 8px !important; } body[data-app-view="calculators"] [data-calculator-section="amortization"][open] .calculator-amort-table:not(#sq-amortization-compact-content-lock) { min-width: 520px !important; } body[data-app-view="calculators"] [data-calculator-section="amortization"][open] .calculator-amort-table :is(th,td):not(#sq-amortization-compact-content-lock) { font-size: 11px !important; padding: 7px 8px !important; } /* Funded Loans: use the Leads-style flat workspace backing instead of framed windows. */ body[data-app-view="funded"] .app-main:not(#sq-funded-flat-workspace-lock), body[data-app-view="funded"] .workspace.funded-workspace:not(#sq-funded-flat-workspace-lock) { background: var(--window-bg) !important; padding-top: 8px !important; } body[data-app-view="funded"] .workspace.funded-workspace > .funded-main:not(#sq-funded-flat-workspace-lock) { background: transparent !important; border: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; padding: 0 !important; } body[data-app-view="funded"] .workspace.funded-workspace > .funded-panel:not(#sq-funded-flat-workspace-lock) { background: var(--paper) !important; border: 1px solid var(--line) !important; border-left: 1px solid var(--line) !important; border-radius: var(--radius) !important; box-shadow: none !important; padding: 14px !important; } body[data-app-view="funded"] .workspace.funded-workspace > .funded-main:is(:hover,:focus-within):not(#sq-funded-flat-workspace-lock) { border: 0 !important; box-shadow: none !important; } body[data-app-view="funded"] .workspace.funded-workspace > .funded-panel:is(:hover,:focus-within):not(#sq-funded-flat-workspace-lock) { border-color: var(--line) !important; box-shadow: none !important; } body[data-app-view="funded"] .workspace.funded-workspace .funded-main > .table-wrap:not(#sq-funded-flat-workspace-lock) { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; } body[data-app-view="funded"] .workspace.funded-workspace .funded-table:not(#sq-funded-flat-workspace-lock) { background: transparent !important; } body[data-app-view="funded"] .workspace.funded-workspace .funded-table th:not(#sq-funded-flat-workspace-lock) { background: var(--workspace-table-header-fill) !important; } body[data-app-view="funded"] .workspace.funded-workspace .funded-table td:not(#sq-funded-flat-workspace-lock) { background: transparent !important; } body[data-app-view="funded"] .workspace.funded-workspace .funded-table tr.selected > td:not(#sq-funded-flat-workspace-lock) { background: color-mix(in srgb, var(--workspace-selected-accent) 11%, var(--paper)) !important; } body[data-app-view="funded"] .workspace.funded-workspace .funded-expanded-row > td:not(#sq-funded-flat-workspace-lock) { background: color-mix(in srgb, var(--workspace-selected-accent) 6%, var(--window-bg)) !important; } @media (min-width: 981px) { body[data-app-view="funded"] .workspace.funded-workspace:not(#sq-funded-full-bleed-workspace-lock) { gap: 14px !important; grid-template-columns: minmax(0,1fr) 270px !important; padding-left: 0 !important; padding-right: 0 !important; } body[data-app-view="funded"] .workspace.funded-workspace > .funded-main:not(#sq-funded-full-bleed-workspace-lock), body[data-app-view="funded"] .workspace.funded-workspace > .funded-panel:not(#sq-funded-full-bleed-workspace-lock) { align-self: start !important; width: 100% !important; } } /* Pipeline side pane: standard frame and final shared window-label behavior. */ body[data-app-view="pipeline"] .workspace.pipeline-workspace > .pipeline-side-panel:not(.is-pinned):not(#sq-pipeline-pane-standard-frame-lock), body[data-app-view="pipeline"] .workspace.pipeline-workspace > .pipeline-side-panel:not(.is-pinned):is(:hover,:focus-within):not(#sq-pipeline-pane-standard-frame-lock), html[data-theme="dark"] body[data-app-view="pipeline"] .workspace.pipeline-workspace > .pipeline-side-panel:not(.is-pinned):not(#sq-pipeline-pane-standard-frame-lock), html[data-theme="dark"] body[data-app-view="pipeline"] .workspace.pipeline-workspace > .pipeline-side-panel:not(.is-pinned):is(:hover,:focus-within):not(#sq-pipeline-pane-standard-frame-lock) { border: 1px solid var(--line) !important; border-left: 1px solid var(--line) !important; box-shadow: none !important; } body[data-app-view="pipeline"] .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:not(#sq-pipeline-pane-label-lock) { align-items: start !important; display: grid !important; gap: 4px !important; grid-template-columns: minmax(0,1fr) !important; justify-items: start !important; min-height: 32px !important; padding: 0 !important; width: 100% !important; } body[data-app-view="pipeline"] .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child:not(#sq-pipeline-pane-label-lock), html[data-theme="dark"] body[data-app-view="pipeline"] .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child:not(#sq-pipeline-pane-label-lock) { background: transparent !important; border: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; color: var(--ink) !important; font-size: 18px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 0 !important; padding: 0 !important; text-transform: none !important; width: auto !important; } body[data-app-view="pipeline"] .pipeline-side-panel .pipeline-panel-card[open] > .editor-section-summary > span:first-child:not(#sq-pipeline-pane-label-lock), html[data-theme="dark"] body[data-app-view="pipeline"] .pipeline-side-panel .pipeline-panel-card[open] > .editor-section-summary > span:first-child:not(#sq-pipeline-pane-label-lock) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 58%, var(--primary)) !important; } body[data-app-view="pipeline"] .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child::before, html[data-theme="dark"] body[data-app-view="pipeline"] .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child::before { content: none !important; display: none !important; } body[data-app-view="pipeline"] .pipeline-side-panel .pipeline-panel-card > .editor-section-summary small:not(#sq-pipeline-pane-label-lock), html[data-theme="dark"] body[data-app-view="pipeline"] .pipeline-side-panel .pipeline-panel-card > .editor-section-summary small:not(#sq-pipeline-pane-label-lock) { color: color-mix(in srgb, var(--section-label) 62%, var(--muted)) !important; display: block !important; font-size: 12px !important; font-weight: 620 !important; letter-spacing: 0 !important; line-height: 1.15 !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; text-align: left !important; text-overflow: ellipsis !important; text-transform: none !important; white-space: nowrap !important; } /* Funded Loans: match the Pipeline floating workspace rhythm without touching Leads. */ body[data-app-view="funded"] .app-main:not(#sq-funded-pipeline-layout-lock), body[data-app-view="funded"] .workspace.funded-workspace:not(#sq-funded-pipeline-layout-lock) { background: var(--window-bg) !important; background-color: var(--window-bg) !important; } @media (min-width: 981px) { body[data-app-view="funded"] .workspace.funded-workspace:not(#sq-funded-pipeline-layout-lock) { align-items: start !important; gap: 16px !important; grid-template-columns: minmax(0,1fr) minmax(292px,324px) !important; padding: 22px 18px 22px 22px !important; } body[data-app-view="funded"] .workspace.funded-workspace > .funded-panel:not(#sq-funded-pipeline-layout-lock) { align-self: start !important; box-sizing: border-box !important; max-height: calc(100vh - 138px) !important; min-width: 0 !important; overflow: auto !important; position: sticky !important; top: 16px !important; width: 100% !important; } } body[data-app-view="funded"] .funded-header-toolbar:not(#sq-funded-pipeline-layout-lock) { align-items: stretch !important; display: grid !important; gap: 10px 12px !important; grid-template-columns: minmax(260px,350px) repeat(4,max-content) !important; justify-content: start !important; max-width: 1040px !important; width: min(100%,1040px) !important; } body[data-app-view="funded"] .funded-header-toolbar :is(.input,.btn):not(#sq-funded-pipeline-layout-lock) { box-sizing: border-box !important; margin: 0 !important; min-height: 42px !important; } body[data-app-view="funded"] .funded-header-toolbar .lead-search-input:not(#sq-funded-pipeline-layout-lock), body[data-app-view="funded"] .funded-header-toolbar .saved-view-select:not(#sq-funded-pipeline-layout-lock) { min-width: 0 !important; width: 100% !important; } body[data-app-view="funded"] .funded-header-toolbar .lead-search-input:not(#sq-funded-pipeline-layout-lock) { grid-column: 1 !important; grid-row: 1 !important; } body[data-app-view="funded"] .funded-header-toolbar .saved-view-select:not(#sq-funded-pipeline-layout-lock) { grid-column: 1 !important; grid-row: 2 !important; } body[data-app-view="funded"] .funded-header-toolbar .btn:not(#sq-funded-pipeline-layout-lock) { justify-content: center !important; min-width: 136px !important; width: auto !important; } body[data-app-view="funded"] .funded-header-toolbar [data-action="funded-expand-selected"]:not(#sq-funded-pipeline-layout-lock) { grid-column: 2 !important; grid-row: 2 !important; } body[data-app-view="funded"] .funded-header-toolbar [data-action="open-funded-mismo"]:not(#sq-funded-pipeline-layout-lock) { grid-column: 3 !important; grid-row: 2 !important; } body[data-app-view="funded"] .funded-header-toolbar [data-action="toggle-funded-comp"]:not(#sq-funded-pipeline-layout-lock) { grid-column: 4 !important; grid-row: 2 !important; } body[data-app-view="funded"] .funded-header-toolbar [data-action="toggle-funded-view"]:not(#sq-funded-pipeline-layout-lock) { grid-column: 5 !important; grid-row: 2 !important; } body[data-app-view="funded"] .workspace.funded-workspace > .funded-main:not(#sq-funded-pipeline-layout-lock), body[data-app-view="funded"] .workspace.funded-workspace > .funded-main:is(:hover,:focus-within):not(#sq-funded-pipeline-layout-lock) { background: transparent !important; border: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; padding: 0 !important; } body[data-app-view="funded"] .workspace.funded-workspace > .funded-panel:not(#sq-funded-pipeline-layout-lock), body[data-app-view="funded"] .workspace.funded-workspace > .funded-panel:is(:hover,:focus-within):not(#sq-funded-pipeline-layout-lock) { background: var(--paper) !important; border: 1px solid var(--line) !important; border-left: 1px solid var(--line) !important; border-radius: 8px !important; box-shadow: none !important; padding: 14px !important; } body[data-app-view="funded"] .funded-metrics:not(#sq-funded-pipeline-layout-lock) { gap: 14px !important; } body[data-app-view="funded"] .funded-toolbar:not(#sq-funded-pipeline-layout-lock) { align-items: center !important; display: flex !important; justify-content: flex-start !important; margin: 0 !important; } body[data-app-view="funded"] .funded-filter-row:not(#sq-funded-pipeline-layout-lock) { align-items: center !important; background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: 8px !important; box-shadow: 0 8px 22px rgba(9,28,46,.025) !important; display: flex !important; flex: 0 1 auto !important; flex-wrap: wrap !important; gap: 8px !important; justify-content: flex-start !important; max-width: 100% !important; padding: 8px !important; width: max-content !important; } body[data-app-view="funded"] .funded-filter-row .btn:not(#sq-funded-pipeline-layout-lock) { flex: 0 0 auto !important; font-size: 12px !important; min-height: 34px !important; min-width: 0 !important; padding: 7px 12px !important; width: auto !important; } body[data-app-view="funded"] .funded-filter-row .btn.is-active:not(#sq-funded-neutral-fill-lock) { background: var(--paper) !important; border-color: var(--line) !important; box-shadow: none !important; color: var(--ink) !important; } body[data-app-view="funded"] .workspace.funded-workspace .funded-main > .table-wrap:not(#sq-funded-pipeline-layout-lock) { background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: 8px !important; box-shadow: 0 8px 22px rgba(9,28,46,.025) !important; max-width: 100% !important; min-width: 0 !important; overflow: auto !important; width: 100% !important; } body[data-app-view="funded"] .workspace.funded-workspace .funded-table:not(#sq-funded-pipeline-layout-lock), body[data-app-view="funded"] .workspace.funded-workspace .funded-table td:not(#sq-funded-pipeline-layout-lock) { background: var(--paper) !important; } body[data-app-view="funded"] .workspace.funded-workspace .funded-table th:not(#sq-funded-pipeline-layout-lock) { background: var(--workspace-table-header-fill) !important; } body[data-app-view="funded"] .workspace.funded-workspace .funded-table tr.selected > td:not(#sq-funded-pipeline-layout-lock) { background: var(--paper) !important; } body[data-app-view="funded"] .workspace.funded-workspace .funded-table tr.selected .borrower-name-line strong:not(#sq-funded-pipeline-layout-lock) { color: color-mix(in srgb, var(--accent) 72%, var(--primary)) !important; } body[data-app-view="funded"] .workspace.funded-workspace .funded-expanded-row > td:not(#sq-funded-pipeline-layout-lock) { background: color-mix(in srgb, var(--accent) 7%, var(--window-bg)) !important; } @media (max-width: 980px) { body[data-app-view="funded"] .workspace.funded-workspace:not(#sq-funded-pipeline-layout-lock) { grid-template-columns: minmax(0,1fr) !important; padding: 18px !important; } body[data-app-view="funded"] .funded-header-toolbar:not(#sq-funded-pipeline-layout-lock) { grid-template-columns: minmax(0,1fr) !important; max-width: 100% !important; width: 100% !important; } body[data-app-view="funded"] .funded-header-toolbar .btn:not(#sq-funded-pipeline-layout-lock), body[data-app-view="funded"] .funded-filter-row:not(#sq-funded-pipeline-layout-lock) { width: 100% !important; } } /* Responsive safety net: late two-column polish folds before narrow windows get cramped. */ @media (max-width: 1180px) { body[data-app-view="settings"] .settings-card .settings-accordion-stack:not(#sq-responsive-one-lane-lock), body[data-app-view="control"] .control-page:not(#sq-responsive-one-lane-lock), body[data-app-view="calculators"] .calculator-grid:not(#sq-responsive-one-lane-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="settings"] .settings-card .settings-accordion-column:not(#sq-responsive-one-lane-lock) { align-content: start !important; display: contents !important; min-width: 0 !important; } body[data-app-view="settings"] .settings-card .settings-accordion[open]:not(#sq-responsive-one-lane-lock), body[data-app-view="control"] .control-page > .control-collapsible-section:not(#sq-responsive-one-lane-lock), body[data-app-view="calculators"] .calculator-grid > .calculator-column-stack:not(#sq-responsive-one-lane-lock), body[data-app-view="calculators"] .calculator-grid > .calculator-card.calculator-collapsible-section:not(#sq-responsive-one-lane-lock) { grid-column: 1 / -1 !important; width: 100% !important; } body[data-app-view="settings"] .settings-card .settings-accordion[open] :is(.setup-guide-grid,.account-license-field-grid,.account-quote-action-link-grid,.account-verification-summary,.workspace-color-form,.workspace-font-form,.settings-brand-color-row,.billing-summary-grid,.billing-plan-grid):not(#sq-responsive-one-lane-lock), body[data-app-view="control"] .control-page > .control-collapsible-section[open] > .control-collapsible-body:not(#sq-responsive-one-lane-lock), body[data-app-view="control"] :is(.investor-pricing-snapshot-body,.rate-sheet-imports-body,.investor-control-body,.auto-quote-collapsible-body,.auto-quote-body,.auto-quote-lists):not(#sq-responsive-one-lane-lock), body[data-app-view="calculators"] :is(.calculator-field-grid,.calculator-metric-grid,.calculator-compare-grid,.calculator-payoff-row,.credit-report-import-grid,.credit-report-total-grid,.credit-report-identity-card,.calculator-amort-summary):not(#sq-responsive-one-lane-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="calculators"] [data-calculator-section="payoff"][open] .calculator-payoff-row > :is(.calculator-quick-field-grid,.calculator-metric-grid):not(#sq-responsive-one-lane-lock) { grid-template-columns: minmax(0,1fr) !important; } } @media (max-width: 1320px) { body[data-app-view="calculators"] .workspace.calculators-workspace.has-side-panel .calculator-grid:not(#sq-responsive-calculator-pane-one-lane-lock), body[data-app-view="calculators"] .workspace.calculators-workspace.has-lead-rail .calculator-grid:not(#sq-responsive-calculator-pane-one-lane-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="calculators"] .workspace.calculators-workspace.has-side-panel .calculator-grid > .calculator-column-stack:not(#sq-responsive-calculator-pane-one-lane-lock), body[data-app-view="calculators"] .workspace.calculators-workspace.has-lead-rail .calculator-grid > .calculator-column-stack:not(#sq-responsive-calculator-pane-one-lane-lock) { grid-column: 1 / -1 !important; width: 100% !important; } } @media (max-width: 980px) { body[data-app-view="funded"] .workspace.funded-workspace:not(#sq-responsive-side-pane-one-lane-lock), body[data-app-view="pipeline"] .workspace.pipeline-workspace.has-pipeline-panel:not(#sq-responsive-side-pane-one-lane-lock), body[data-app-view="pipeline"] .workspace.pipeline-workspace.has-pipeline-rail:not(#sq-responsive-side-pane-one-lane-lock) { grid-template-columns: minmax(0,1fr) !important; } } /* Control Center: desktop sections favor the working lane while keeping the right lane compact. */ @media (min-width: 1181px) { body[data-app-view="control"] .control-page:not(#sq-control-center-sixty-forty-lock) { grid-template-columns: minmax(0,3fr) minmax(0,2fr) !important; } body[data-app-view="control"] .control-page > :is(.market-data-panel,.investor-pricing-snapshot,.rate-sheet-panel)[open] > .control-collapsible-body:not(#sq-control-center-sixty-forty-lock), body[data-app-view="control"] :is(.investor-pricing-snapshot-body,.rate-sheet-imports-body):not(#sq-control-center-sixty-forty-lock) { grid-template-columns: minmax(0,3fr) minmax(0,2fr) !important; } } /* Auto-Quote Controls: rules and lists split evenly, delivery cards stack full-width below. */ @media (min-width: 1181px) { body[data-app-view="control"] .auto-quote-collapsible-body:not(#sq-auto-quote-two-lane-status-stack-lock) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body[data-app-view="control"] .auto-quote-body:not(#sq-auto-quote-two-lane-status-stack-lock) { align-items: stretch !important; display: grid !important; gap: 12px !important; grid-column: 1 / -1 !important; grid-row: auto !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; min-width: 0 !important; } body[data-app-view="control"] .auto-quote-fields:not(#sq-auto-quote-two-lane-status-stack-lock), body[data-app-view="control"] .auto-quote-lists:not(#sq-auto-quote-two-lane-status-stack-lock), body[data-app-view="control"] :is(.auto-quote-purpose-lane,.auto-quote-occupancy-lane,.auto-quote-property-lane):not(#sq-auto-quote-two-lane-status-stack-lock) { grid-row: auto !important; min-width: 0 !important; } body[data-app-view="control"] .auto-quote-fields:not(#sq-auto-quote-two-lane-status-stack-lock) { grid-column: 1 !important; } body[data-app-view="control"] .auto-quote-lists:not(#sq-auto-quote-two-lane-status-stack-lock) { display: grid !important; gap: 10px !important; grid-column: 2 !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body[data-app-view="control"] .auto-quote-purpose-lane:not(#sq-auto-quote-two-lane-status-stack-lock) { grid-column: 1 !important; } body[data-app-view="control"] .auto-quote-occupancy-lane:not(#sq-auto-quote-two-lane-status-stack-lock) { grid-column: 1 !important; } body[data-app-view="control"] .auto-quote-property-lane:not(#sq-auto-quote-two-lane-status-stack-lock) { grid-column: 2 !important; grid-row: 1 / span 2 !important; } body[data-app-view="control"] .auto-quote-delivery-stack:not(#sq-auto-quote-two-lane-status-stack-lock) { grid-column: 1 / -1 !important; grid-row: auto !important; grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="control"] .auto-quote-status-card:not(#sq-auto-quote-two-lane-status-stack-lock) { width: 100% !important; } } /* Control Center column stacks: let each desktop lane collapse independently as sections expand. */ body[data-app-view="control"] .control-page-column:not(#sq-control-center-column-stack-lock) { align-content: start !important; display: grid !important; gap: 14px !important; min-width: 0 !important; } body[data-app-view="control"] .control-page-column > .control-collapsible-section:not(#sq-control-center-column-stack-lock) { margin-bottom: 0 !important; min-width: 0 !important; width: 100% !important; } body[data-app-view="control"] .control-page-column > .control-collapsible-section[open] > .control-collapsible-body:not(#sq-control-center-column-stack-lock) { align-items: start !important; display: grid !important; gap: 12px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; min-width: 0 !important; } body[data-app-view="control"] .control-page-column > .control-collapsible-section[open] > .control-collapsible-body > *:not(#sq-control-center-column-stack-lock) { min-width: 0 !important; } body[data-app-view="control"] .control-page-column > .market-data-panel[open] > .control-collapsible-body > :is(.market-data-head,.quote-status,.market-apor-panel):not(#sq-control-center-column-stack-lock), body[data-app-view="control"] .control-page-column > .lead-import-control-panel[open] > .control-collapsible-body > :is(.lead-import-automation-strip,.lead-import-ready-strip,.lead-import-modal-notice):not(#sq-control-center-column-stack-lock) { grid-column: 1 / -1 !important; } body[data-app-view="control"] .control-page-column > .pricing-engine-panel[open] > .control-collapsible-body:not(#sq-control-center-column-stack-lock) { grid-template-columns: minmax(0,1fr) !important; } @media (min-width: 1181px) { body[data-app-view="control"] .control-page-column > :is(.market-data-panel,.investor-pricing-snapshot,.rate-sheet-panel)[open] > .control-collapsible-body:not(#sq-control-center-column-stack-lock) { grid-template-columns: minmax(0,3fr) minmax(0,2fr) !important; } } @media (max-width: 1180px) { body[data-app-view="control"] .control-page-column:not(#sq-control-center-column-stack-lock) { display: contents !important; } body[data-app-view="control"] .control-page-column > .control-collapsible-section:not(#sq-control-center-column-stack-lock), body[data-app-view="control"] .control-page-column > .control-collapsible-section[open] > .control-collapsible-body:not(#sq-control-center-column-stack-lock) { grid-column: 1 / -1 !important; grid-template-columns: minmax(0,1fr) !important; } } /* Control Center interior fit: keep expanded windows readable inside the section columns. */ @media (min-width: 1181px) { body[data-app-view="control"] .control-page-column > .market-data-panel[open] > .control-collapsible-body:not(#sq-control-center-interior-fit-lock) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body[data-app-view="control"] .market-data-panel :is(.market-data-grid,.market-benchmark-grid,.market-mbs-summary-grid,.market-summary-grid):not(#sq-control-center-interior-fit-lock) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body[data-app-view="control"] .market-data-panel .market-mbs-summary-grid.is-compact:not(#sq-control-center-interior-fit-lock) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body[data-app-view="control"] .market-data-panel .market-data-card.has-chart:not(#sq-control-center-interior-fit-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="control"] .market-data-panel .market-mini-chart-tabs:not(#sq-control-center-interior-fit-lock) { justify-self: stretch !important; width: 100% !important; } body[data-app-view="control"] .investor-pricing-snapshot-body:not(#sq-control-center-interior-fit-lock) { grid-template-columns: minmax(0,7fr) minmax(220px,3fr) !important; } body[data-app-view="control"] .investor-pricing-table-head:not(#sq-control-center-interior-fit-lock), body[data-app-view="control"] .investor-pricing-row:not(#sq-control-center-interior-fit-lock) { grid-template-columns: minmax(0,1.22fr) minmax(74px,.72fr) minmax(88px,.72fr) !important; } body[data-app-view="control"] .investor-pricing-table-head > span:nth-child(4):not(#sq-control-center-interior-fit-lock), body[data-app-view="control"] .investor-pricing-row > time:not(#sq-control-center-interior-fit-lock) { display: none !important; } body[data-app-view="control"] .investor-pricing-preview:not(#sq-control-center-interior-fit-lock) { min-height: 0 !important; padding: 14px !important; } body[data-app-view="control"] .investor-pricing-preview h3:not(#sq-control-center-interior-fit-lock) { font-size: 18px !important; } body[data-app-view="control"] .rate-sheet-imports-body:not(#sq-control-center-interior-fit-lock) { grid-template-columns: minmax(0,3fr) minmax(240px,2fr) !important; } body[data-app-view="control"] .rate-sheet-outlook-row:not(#sq-control-center-interior-fit-lock) { align-items: end !important; grid-template-columns: minmax(0,.95fr) minmax(180px,1.05fr) !important; } body[data-app-view="control"] .rate-sheet-panel .rate-alert-list.internal-rate-list:not(#sq-control-center-interior-fit-lock) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body[data-app-view="control"] .rate-sheet-panel .rate-alert-list.internal-rate-list .rate-alert-card:not(#sq-control-center-interior-fit-lock) { align-content: start !important; gap: 6px !important; min-height: 0 !important; padding: 9px 10px !important; } body[data-app-view="control"] :is(.rate-sheet-panel .rate-alert-card,.investor-pricing-row) .lender-brand:not(#sq-control-center-interior-fit-lock) { align-items: center !important; display: inline-flex !important; justify-content: flex-start !important; min-height: 0 !important; min-width: 0 !important; overflow: hidden !important; width: 100% !important; } body[data-app-view="control"] :is(.rate-sheet-panel .rate-alert-card,.investor-pricing-row) .lender-logo-stack:not(#sq-control-center-interior-fit-lock) { display: none !important; } body[data-app-view="control"] :is(.rate-sheet-panel .rate-alert-card,.investor-pricing-row) .lender-brand:not(#sq-control-center-interior-fit-lock)::after { color: var(--ink) !important; content: attr(aria-label) !important; display: block !important; font-size: 12px !important; font-weight: 850 !important; line-height: 1.12 !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body[data-app-view="control"] .rate-sheet-panel .rate-alert-card p:not(#sq-control-center-interior-fit-lock) { font-size: 12px !important; line-height: 1.22 !important; } body[data-app-view="control"] .rate-sheet-panel .rate-alert-list.internal-rate-list:not(#sq-rate-sheet-row-ledger-lock), body[data-app-view="control"] .rate-sheet-archive-list:not(#sq-rate-sheet-row-ledger-lock) { display: grid !important; gap: 6px !important; grid-template-columns: minmax(0,1fr) !important; margin-top: 8px !important; } body[data-app-view="control"] .rate-sheet-file-row:not(#sq-rate-sheet-row-ledger-lock) { align-items: center !important; background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: 7px !important; box-shadow: none !important; display: grid !important; gap: 8px !important; grid-template-columns: minmax(0,1fr) max-content max-content !important; min-height: 42px !important; padding: 7px 8px !important; } body[data-app-view="control"] .rate-sheet-file-main:not(#sq-rate-sheet-row-ledger-lock) { display: grid !important; gap: 2px !important; min-width: 0 !important; } body[data-app-view="control"] .rate-sheet-file-main strong:not(#sq-rate-sheet-row-ledger-lock) { color: var(--ink) !important; font-size: 12.5px !important; font-weight: 750 !important; line-height: 1.12 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body[data-app-view="control"] .rate-sheet-file-main small:not(#sq-rate-sheet-row-ledger-lock) { color: var(--muted) !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1.15 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body[data-app-view="control"] .rate-sheet-status-pill:not(#sq-rate-sheet-row-ledger-lock) { background: #fff8df !important; border: 1px solid #f0d785 !important; border-radius: 999px !important; color: #6a4a00 !important; font-size: 10px !important; font-weight: 550 !important; line-height: 1 !important; padding: 4px 7px !important; white-space: nowrap !important; } body[data-app-view="control"] .rate-sheet-file-row .btn:not(#sq-rate-sheet-row-ledger-lock) { min-height: 26px !important; padding: 4px 8px !important; white-space: nowrap !important; } body[data-app-view="control"] .rate-sheet-file-row .rate-change-summary:not(#sq-rate-sheet-row-ledger-lock) { grid-column: 1 / -1 !important; margin-top: 2px !important; } body[data-app-view="control"] .rate-sheet-archive-section:not(#sq-rate-sheet-row-ledger-lock) { margin-top: 10px !important; padding-top: 8px !important; } body[data-app-view="control"] .rate-sheet-archive-summary:not(#sq-rate-sheet-row-ledger-lock) { min-height: 28px !important; } body[data-app-view="control"] .rate-sheet-archive-summary span:not(#sq-rate-sheet-row-ledger-lock) { background: transparent !important; border: 0 !important; border-radius: 0 !important; color: var(--ink) !important; font-size: 13px !important; font-weight: 650 !important; min-height: 0 !important; padding: 0 !important; } body[data-app-view="control"] .rate-sheet-outlook-row > div:first-child:not(#sq-rate-sheet-row-ledger-lock) { display: grid !important; gap: 3px !important; } body[data-app-view="control"] .investor-control-body:not(#sq-control-center-interior-fit-lock) { grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr) !important; } body[data-app-view="control"] .investor-config-spacer:not(#sq-control-center-interior-fit-lock) { display: none !important; } body[data-app-view="control"] .investor-comp-lanes:not(#sq-control-center-interior-fit-lock) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body[data-app-view="control"] .investor-comp-grid:not(#sq-control-center-interior-fit-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="control"] .investor-comp-row:not(#sq-control-center-interior-fit-lock) { grid-template-columns: minmax(0,1fr) 76px !important; } } @media (max-width: 1180px) { body[data-app-view="control"] .market-data-panel :is(.market-data-grid,.market-benchmark-grid,.market-mbs-summary-grid,.market-summary-grid):not(#sq-control-center-interior-fit-lock), body[data-app-view="control"] .rate-sheet-panel .rate-alert-list.internal-rate-list:not(#sq-control-center-interior-fit-lock), body[data-app-view="control"] .investor-comp-lanes:not(#sq-control-center-interior-fit-lock), body[data-app-view="control"] .investor-comp-grid:not(#sq-control-center-interior-fit-lock) { grid-template-columns: minmax(0,1fr) !important; } } /* Control Center investor config: slimmer comp inputs leave room for lender names. */ @media (min-width: 1181px) { body[data-app-view="control"] .investor-comp-row:not(#sq-control-investor-comp-input-fit-lock) { gap: 5px !important; grid-template-columns: minmax(0,1fr) 62px !important; padding-left: 7px !important; padding-right: 6px !important; } body[data-app-view="control"] .investor-comp-row input[type="number"]:not(#sq-control-investor-comp-input-fit-lock) { font-size: 12.5px !important; justify-self: end !important; min-height: 30px !important; padding: 5px 5px !important; width: 60px !important; } } /* Control Center investor snapshot: let the Rate Stack panel use the full table height. */ @media (min-width: 1181px) { body[data-app-view="control"] .investor-pricing-preview:not(#sq-control-rate-stack-fill-lock) { align-content: space-between !important; align-self: stretch !important; box-sizing: border-box !important; height: 100% !important; min-height: 100% !important; } body[data-app-view="control"] .investor-preview-placeholder:not(#sq-control-rate-stack-fill-lock) { align-self: end !important; } } /* Control Center option presets: keep pricing mood controls centered inside two lanes. */ @media (min-width: 1181px) { body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-panel-grid:not(#sq-control-pricing-mood-card-fit-lock) { gap: 10px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-panel:not(#sq-control-pricing-mood-card-fit-lock) { align-content: start !important; align-items: start !important; gap: 11px !important; grid-template-columns: minmax(0,1fr) !important; justify-items: center !important; min-height: 208px !important; padding: 14px 12px 13px !important; text-align: center !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-mood-button:not(#sq-control-pricing-mood-card-fit-lock) { align-items: center !important; gap: 8px !important; grid-column: 1 !important; grid-template-columns: minmax(0,1fr) !important; justify-items: center !important; text-align: center !important; width: 100% !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-logo:not(#sq-control-pricing-mood-card-fit-lock) { height: 62px !important; width: 122px !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-copy:not(#sq-control-pricing-mood-card-fit-lock) { gap: 5px !important; justify-items: center !important; text-align: center !important; width: 100% !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-copy .eyebrow:not(#sq-control-pricing-mood-card-fit-lock) { font-size: 11px !important; line-height: 1.18 !important; max-width: 128px !important; white-space: normal !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-heading:not(#sq-control-pricing-mood-card-fit-lock) { font-size: 18px !important; line-height: 1.02 !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-mood-label:not(#sq-control-pricing-mood-card-fit-lock) { font-size: 14px !important; line-height: 1.08 !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-mood-detail:not(#sq-control-pricing-mood-card-fit-lock) { font-size: 11px !important; line-height: 1.18 !important; max-width: 136px !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-mood-dots:not(#sq-control-pricing-mood-card-fit-lock) { justify-content: center !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-investor-toggle:not(#sq-control-pricing-mood-card-fit-lock) { grid-column: 1 !important; justify-self: center !important; max-width: 148px !important; min-width: 0 !important; padding: 9px 10px !important; width: min(148px, 100%) !important; } } /* Workspace palette: Section Windows controls reusable collapsed and expanded section shells. */ html body .workspace :is(.editor-section,.mini-rate-snapshot-frame), html body[data-app-view="control"] .control-page :is(.control-collapsible-section,.panel.control-summary,.panel.auto-quote-panel,.rate-watch-panel,.investor-comp-panel,.pricing-engine-panel,.market-block,.market-apor-panel), html body[data-app-view="calculators"] .calculator-grid :is(.calculator-card.calculator-collapsible-section), html body[data-app-view="settings"] .settings-card .settings-accordion, html body[data-app-view="pipeline"] .pipeline-side-panel .pipeline-panel-card, html body[data-app-view="pipeline"] .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) { background: var(--workspace-section-window-fill) !important; background-color: var(--workspace-section-window-fill) !important; background-clip: padding-box; border-color: var(--workspace-section-window-border) !important; } html body[data-app-view="leads"] .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid :is( .lead-top-collapsible-card.editor-property, .lead-scenario-fields ), html body[data-app-view="leads"] .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .mini-pricing-body > .mini-rate-snapshot-frame, html body[data-app-view="leads"] .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .mini-pricing-body > .mini-rate-snapshot-frame, html body[data-app-view="leads"] .workspace.has-expanded-inline-lead-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .mini-pricing-body > .mini-rate-snapshot-frame { background: var(--workspace-section-window-fill) !important; background-color: var(--workspace-section-window-fill) !important; background-clip: padding-box; border-color: var(--workspace-section-window-border) !important; } html body .workspace :is(.editor-section,.mini-rate-snapshot-frame)[open], html body[data-app-view="control"] .control-page :is(.control-collapsible-section,.panel.control-summary,.panel.auto-quote-panel,.rate-watch-panel,.investor-comp-panel,.pricing-engine-panel)[open], html body[data-app-view="calculators"] .calculator-grid :is(.calculator-card.calculator-collapsible-section)[open], html body[data-app-view="settings"] .settings-card .settings-accordion[open], html body[data-app-view="pipeline"] .pipeline-side-panel .pipeline-panel-card[open], html body[data-app-view="pipeline"] .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card)[open] { border-color: color-mix(in srgb, var(--workspace-section-window-border) 68%, var(--accent)) !important; } /* Morning stabilization: keep tight layouts predictable for approval screenshots. */ body[data-app-view="leads"] .lead-table-region .lead-table tbody tr.active-lead:not(#sq-morning-stabilization-lock) { box-shadow: none !important; } @media (min-width: 981px) { body[data-app-view="control"] .auto-quote-property-lane:not(#sq-morning-stabilization-lock) { align-content: stretch !important; grid-template-rows: auto minmax(0,1fr) !important; } body[data-app-view="control"] .auto-quote-property-lane .auto-quote-chip-grid:not(#sq-morning-stabilization-lock) { align-content: space-between !important; height: 100% !important; min-height: 0 !important; } } @media (max-width: 1180px) { body[data-app-view="calculators"] .calculator-grid:not(#sq-morning-stabilization-lock) > .calculator-column-stack { display: contents !important; } body[data-app-view="calculators"] .calculator-grid [data-calculator-section="amortization"]:not(#sq-morning-stabilization-lock) { order: 1 !important; } body[data-app-view="calculators"] .calculator-grid [data-calculator-section="payment"]:not(#sq-morning-stabilization-lock) { order: 2 !important; } body[data-app-view="calculators"] .calculator-grid [data-calculator-section="cashout"]:not(#sq-morning-stabilization-lock) { order: 3 !important; } body[data-app-view="calculators"] .calculator-grid [data-calculator-section="blended"]:not(#sq-morning-stabilization-lock) { order: 4 !important; } body[data-app-view="calculators"] .calculator-grid [data-calculator-section="inputs"]:not(#sq-morning-stabilization-lock) { order: 5 !important; } body[data-app-view="calculators"] .calculator-grid [data-calculator-section="payoff"]:not(#sq-morning-stabilization-lock) { order: 6 !important; } body[data-app-view="calculators"] .calculator-grid [data-calculator-section="debtImport"]:not(#sq-morning-stabilization-lock) { grid-column: 1 / -1 !important; order: 7 !important; } } @media (max-width: 1320px) { body[data-app-view="calculators"] .workspace.calculators-workspace:is(.has-side-panel,.has-lead-rail) .calculator-grid:not(#sq-morning-stabilization-lock) > .calculator-column-stack { display: contents !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:is(.has-side-panel,.has-lead-rail) .calculator-grid [data-calculator-section="amortization"]:not(#sq-morning-stabilization-lock) { order: 1 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:is(.has-side-panel,.has-lead-rail) .calculator-grid [data-calculator-section="payment"]:not(#sq-morning-stabilization-lock) { order: 2 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:is(.has-side-panel,.has-lead-rail) .calculator-grid [data-calculator-section="cashout"]:not(#sq-morning-stabilization-lock) { order: 3 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:is(.has-side-panel,.has-lead-rail) .calculator-grid [data-calculator-section="blended"]:not(#sq-morning-stabilization-lock) { order: 4 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:is(.has-side-panel,.has-lead-rail) .calculator-grid [data-calculator-section="inputs"]:not(#sq-morning-stabilization-lock) { order: 5 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:is(.has-side-panel,.has-lead-rail) .calculator-grid [data-calculator-section="payoff"]:not(#sq-morning-stabilization-lock) { order: 6 !important; } body[data-app-view="calculators"] .workspace.calculators-workspace:is(.has-side-panel,.has-lead-rail) .calculator-grid [data-calculator-section="debtImport"]:not(#sq-morning-stabilization-lock) { grid-column: 1 / -1 !important; order: 7 !important; } } /* Lead pane palette: Section Windows controls the pane section shells, not Workspace Backing. */ html body .workspace .selected-lead-panel .detail-grid > .quick-detail:not(#sq-lead-pane-section-window-palette-lock), html body .workspace .selected-lead-panel .lead-tool-panel:not(#sq-lead-pane-section-window-palette-lock) { background: var(--workspace-section-window-fill) !important; background-color: var(--workspace-section-window-fill) !important; background-clip: padding-box; border-color: var(--workspace-section-window-border) !important; } html body .workspace .selected-lead-panel .detail-grid > .quick-detail:focus-within:not(#sq-lead-pane-section-window-palette-lock), html body .workspace .selected-lead-panel .lead-tool-panel:focus-within:not(#sq-lead-pane-section-window-palette-lock) { border-color: color-mix(in srgb, var(--workspace-section-window-border) 68%, var(--accent)) !important; } /* Control Center Market Data: stack the three market sections full-width. */ body[data-app-view="control"] .control-page > .market-data-panel[open] > .control-collapsible-body:not(#sq-control-market-data-one-column-lock), body[data-app-view="control"] .control-page-column > .market-data-panel[open] > .control-collapsible-body:not(#sq-control-market-data-one-column-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="control"] .control-page > .market-data-panel[open] > .control-collapsible-body > :is(.market-data-head,.market-block,.market-apor-panel,.quote-status):not(#sq-control-market-data-one-column-lock), body[data-app-view="control"] .control-page-column > .market-data-panel[open] > .control-collapsible-body > :is(.market-data-head,.market-block,.market-apor-panel,.quote-status):not(#sq-control-market-data-one-column-lock) { grid-column: 1 / -1 !important; width: 100% !important; } /* Control Center investor snapshot: remove the Rate Stack promo and let pricing data breathe. */ @media (min-width: 1181px) { body[data-app-view="control"] .investor-pricing-snapshot[open] > .investor-pricing-snapshot-body:not(#sq-control-investor-rate-stack-remove-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-preview:not(#sq-control-investor-rate-stack-remove-lock) { display: none !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-wrap:not(#sq-control-investor-rate-stack-remove-lock) { max-width: none !important; width: 100% !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-head:not(#sq-control-investor-rate-stack-remove-lock), body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-row:not(#sq-control-investor-rate-stack-remove-lock) { grid-template-columns: minmax(170px,1.25fr) minmax(138px,.95fr) minmax(126px,.76fr) minmax(150px,1fr) !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-head > span:nth-child(4):not(#sq-control-investor-rate-stack-remove-lock), body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-row > time:not(#sq-control-investor-rate-stack-remove-lock) { display: block !important; } } /* Control Center investor snapshot: stretch the pricing table across the full section. */ body[data-app-view="control"] .control-page .investor-pricing-snapshot[open] > .investor-pricing-snapshot-body:not(#sq-control-investor-snapshot-full-width-lock), body[data-app-view="control"] .control-page-column .investor-pricing-snapshot[open] > .investor-pricing-snapshot-body:not(#sq-control-investor-snapshot-full-width-lock) { grid-template-columns: minmax(0,1fr) !important; width: 100% !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-preview:not(#sq-control-investor-snapshot-full-width-lock) { display: none !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-wrap:not(#sq-control-investor-snapshot-full-width-lock), body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table:not(#sq-control-investor-snapshot-full-width-lock) { grid-column: 1 / -1 !important; justify-self: stretch !important; max-width: none !important; width: 100% !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-head:not(#sq-control-investor-snapshot-full-width-lock), body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-row:not(#sq-control-investor-snapshot-full-width-lock) { box-sizing: border-box !important; grid-template-columns: minmax(190px,1.2fr) minmax(170px,1fr) minmax(150px,.82fr) minmax(180px,.9fr) !important; min-width: 640px !important; width: 100% !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-head > span:nth-child(4):not(#sq-control-investor-snapshot-full-width-lock), body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-row > time:not(#sq-control-investor-snapshot-full-width-lock) { display: block !important; } /* Control Center option presets: center the Deterministic on/off labels. */ body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-investor-toggle:not(#sq-control-deterministic-toggle-center-lock) { align-content: center !important; justify-items: center !important; place-items: center !important; text-align: center !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-investor-toggle:not(#sq-control-deterministic-toggle-center-lock) :is(strong,em) { display: block !important; justify-self: center !important; text-align: center !important; width: 100% !important; } /* Leads focus mode: remove the full top chrome so the expanded lead row anchors at viewport top. */ html body[data-app-view="leads"].lead-expanded-focus .app-main:not(#sq-leads-focus-top-lock) { padding-top: 0 !important; } html body[data-app-view="leads"].lead-expanded-focus .app-header:not(#sq-leads-focus-top-lock) { border: 0 !important; box-shadow: none !important; display: none !important; height: 0 !important; min-height: 0 !important; opacity: 0 !important; overflow: hidden !important; padding: 0 !important; pointer-events: none !important; } html body[data-app-view="leads"].lead-expanded-focus .workspace:not(#sq-leads-focus-top-lock), html body[data-app-view="leads"].lead-expanded-focus .workspace.has-side-panel:not(#sq-leads-focus-top-lock), html body[data-app-view="leads"].lead-expanded-focus .workspace.has-lead-rail:not(#sq-leads-focus-top-lock), html body[data-app-view="leads"].lead-expanded-focus .workspace.has-expanded-inline-lead-panel:not(#sq-leads-focus-top-lock) { padding-top: 0 !important; } html body[data-app-view="leads"].lead-expanded-focus .lead-frozen-header-wrap:not(#sq-leads-focus-top-lock) { border: 0 !important; box-shadow: none !important; display: none !important; height: 0 !important; max-height: 0 !important; min-height: 0 !important; opacity: 0 !important; overflow: hidden !important; padding: 0 !important; pointer-events: none !important; } html body[data-app-view="leads"].lead-expanded-focus .lead-frozen-header-wrap + .table-wrap:not(#sq-leads-focus-top-lock), html body[data-app-view="leads"].lead-expanded-focus .lead-frozen-header-wrap + .lead-rail-table-top-block:not(#sq-leads-focus-top-lock) { margin-top: 0 !important; } /* 1003 section labels: match the clean Calculator/Control title system. */ html:not([data-theme="dark"]) body .mismo-1003-form .mismo-1003-group > summary:not(#sq-mismo-1003-clean-label-lock) { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--ink) !important; font-family: inherit !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 0 !important; padding: 0 !important; text-transform: none !important; transform: none !important; width: auto !important; } html:not([data-theme="dark"]) body .mismo-1003-form .mismo-1003-group > summary:not(#sq-mismo-1003-clean-label-lock)::before { content: none !important; display: none !important; } html:not([data-theme="dark"]) body .mismo-1003-form .mismo-1003-group:not([open]) > summary:is(:hover,:focus-visible,:active):not(#sq-mismo-1003-clean-label-lock) { color: var(--ink) !important; } html:not([data-theme="dark"]) body .mismo-1003-form .mismo-1003-group[open] > summary:not(#sq-mismo-1003-clean-label-lock), html:not([data-theme="dark"]) body .mismo-1003-form .mismo-1003-group[open] > summary:is(:hover,:focus-visible,:active):not(#sq-mismo-1003-clean-label-lock) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 58%, var(--primary)) !important; } /* Standard workspace window labels keep the larger title size; the compact 1003 labels above stay scoped to 1003 groups. */ body[data-app-view="calculators"] .calculator-grid > .calculator-card.calculator-collapsible-section:not([open]) > .calculator-card-head .control-framed-label:not(#sq-standard-window-title-size-lock), body[data-app-view="calculators"] .calculator-grid .calculator-column-stack > .calculator-card.calculator-collapsible-section:not([open]) > .calculator-card-head .control-framed-label:not(#sq-standard-window-title-size-lock), body[data-app-view="control"] .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label:not(#sq-standard-window-title-size-lock) { font-size: 18px !important; line-height: 1.05 !important; } /* Control Center final prep: Rate Sheet Imports belongs in the right rail, while its interior stacks cleanly there. */ body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] > .control-collapsible-body:not(#sq-control-right-rate-sheet-layout-lock), body[data-app-view="control"] .control-page-column-right .rate-sheet-imports-body:not(#sq-control-right-rate-sheet-layout-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] > .control-collapsible-body:not(#sq-control-right-rate-sheet-layout-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .rate-sheet-imports-body:not(#sq-control-right-rate-sheet-layout-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="control"] .control-page-column-right .rate-sheet-outlook-row:not(#sq-control-right-rate-sheet-layout-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .rate-sheet-outlook-row:not(#sq-control-right-rate-sheet-layout-lock) { align-items: stretch !important; grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="control"] .control-page-column-right .rate-sheet-panel .rate-alert-list.internal-rate-list:not(#sq-control-right-rate-sheet-layout-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .rate-sheet-panel .rate-alert-list.internal-rate-list:not(#sq-control-right-rate-sheet-layout-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="control"] .control-page-column-right .rate-sheet-panel .rate-notification-pane:not(#sq-control-right-rate-sheet-layout-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .rate-sheet-panel .rate-notification-pane:not(#sq-control-right-rate-sheet-layout-lock) { margin-top: 0 !important; } body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] .rate-sheet-folder-picker:not(#sq-control-rate-sheet-folder-width-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] .rate-sheet-folder-picker:not(#sq-control-rate-sheet-folder-width-lock) { justify-self: start !important; max-width: min(100%, 440px) !important; width: min(100%, 440px) !important; } body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] .rate-sheet-folder-picker .lead-import-folder-menu:not(#sq-control-rate-sheet-folder-width-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] .rate-sheet-folder-picker .lead-import-folder-menu:not(#sq-control-rate-sheet-folder-width-lock) { box-sizing: border-box !important; left: 0 !important; right: auto !important; width: 100% !important; } body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] .rate-sheet-outlook-row:not(#sq-control-rate-sheet-folder-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] .rate-sheet-outlook-row:not(#sq-control-rate-sheet-folder-inline-lock) { align-items: end !important; gap: 8px 10px !important; grid-template-columns: minmax(0,440px) minmax(104px,136px) !important; grid-template-rows: auto auto !important; } body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] .rate-sheet-outlook-row > div:first-child:not(#sq-control-rate-sheet-folder-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] .rate-sheet-outlook-row > div:first-child:not(#sq-control-rate-sheet-folder-inline-lock) { grid-column: 1 / -1 !important; grid-row: 1 !important; } body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] .rate-sheet-folder-picker:not(#sq-control-rate-sheet-folder-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] .rate-sheet-folder-picker:not(#sq-control-rate-sheet-folder-inline-lock) { grid-column: 1 !important; grid-row: 2 !important; } body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] .rate-sheet-outlook-row > .btn:not(#sq-control-rate-sheet-folder-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .rate-sheet-panel[open] .rate-sheet-outlook-row > .btn:not(#sq-control-rate-sheet-folder-inline-lock) { align-items: center !important; display: inline-flex !important; grid-column: 2 !important; grid-row: 2 !important; justify-content: center !important; min-height: 38px !important; min-width: 0 !important; padding-left: 10px !important; padding-right: 10px !important; text-align: center !important; white-space: nowrap !important; width: 100% !important; } body[data-app-view="control"] .rate-sheet-panel[open] .rate-sheet-folder-picker .lead-import-folder-option-row.active .lead-import-folder-option:not(#sq-control-rate-sheet-folder-option-color-lock), html[data-theme="dark"] body[data-app-view="control"] .rate-sheet-panel[open] .rate-sheet-folder-picker .lead-import-folder-option-row.active .lead-import-folder-option:not(#sq-control-rate-sheet-folder-option-color-lock) { background: color-mix(in srgb, var(--accent) 9%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 28%, var(--line)) !important; color: var(--ink) !important; } body[data-app-view="control"] .control-page :is( .control-framed-label, .control-collapsible-summary > small, .section-intro, .pricing-engine-copy, .investor-config-copy, .auto-quote-copy, .rate-vault-heading span, .rate-vault-heading small, .rate-upload-entry p, .rate-upload-entry span, .rate-change-summary span, .investor-pricing-table-head span, .investor-pricing-row span, .investor-pricing-row time, .auto-quote-route b, .auto-quote-route em, .auto-quote-chip span ):not(#sq-control-type-consistency-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page :is( .control-framed-label, .control-collapsible-summary > small, .section-intro, .pricing-engine-copy, .investor-config-copy, .auto-quote-copy, .rate-vault-heading span, .rate-vault-heading small, .rate-upload-entry p, .rate-upload-entry span, .rate-change-summary span, .investor-pricing-table-head span, .investor-pricing-row span, .investor-pricing-row time, .auto-quote-route b, .auto-quote-route em, .auto-quote-chip span ):not(#sq-control-type-consistency-lock) { font-family: inherit !important; font-style: normal !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .control-page .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label:not(#sq-control-type-consistency-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label:not(#sq-control-type-consistency-lock) { font-size: 18px !important; font-weight: 700 !important; line-height: 1.05 !important; } body[data-app-view="control"] .control-page :is(.control-collapsible-summary > small,.section-intro,.pricing-engine-copy,.investor-config-copy,.auto-quote-copy,.rate-vault-heading small):not(#sq-control-type-consistency-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.control-collapsible-summary > small,.section-intro,.pricing-engine-copy,.investor-config-copy,.auto-quote-copy,.rate-vault-heading small):not(#sq-control-type-consistency-lock) { font-size: 12px !important; font-weight: 500 !important; line-height: 1.25 !important; } body[data-app-view="control"] .control-page :is( label, input, select, textarea, button, .pricing-preset-field-head span, .pricing-preset-lien-label, .pricing-preset-option-toggle span, .investor-comp-row span, .investor-comp-row input, .auto-quote-fields label span, .auto-quote-lists > div > span ):not(#sq-control-control-type-consistency-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page :is( label, input, select, textarea, button, .pricing-preset-field-head span, .pricing-preset-lien-label, .pricing-preset-option-toggle span, .investor-comp-row span, .investor-comp-row input, .auto-quote-fields label span, .auto-quote-lists > div > span ):not(#sq-control-control-type-consistency-lock) { font-family: inherit !important; font-style: normal !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name:not(#sq-investor-snapshot-logo-chip-lock) { align-items: center !important; display: grid !important; justify-items: stretch !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip:not(#sq-investor-snapshot-logo-chip-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip:not(#sq-investor-snapshot-logo-chip-lock) { align-items: center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; display: inline-flex !important; gap: 8px !important; justify-content: flex-start !important; min-height: 30px !important; min-width: 0 !important; overflow: hidden !important; padding: 0 !important; width: 100% !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip .lender-logo-stack:not(#sq-investor-snapshot-logo-chip-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip .lender-logo-stack:not(#sq-investor-snapshot-logo-chip-lock) { align-items: center !important; background: #fff !important; border: 1px solid color-mix(in srgb, var(--line) 76%, var(--accent)) !important; border-radius: 999px !important; box-shadow: 0 1px 4px rgba(15, 23, 42, .1) !important; display: inline-flex !important; flex: 0 0 30px !important; height: 30px !important; justify-content: center !important; min-width: 30px !important; overflow: hidden !important; padding: 0 !important; width: 30px !important; } html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip .lender-logo-stack:not(#sq-investor-snapshot-logo-chip-lock) { background: color-mix(in srgb, var(--paper) 86%, #fff) !important; border-color: color-mix(in srgb, var(--line) 74%, var(--accent)) !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip .lender-logo:not(#sq-investor-snapshot-logo-chip-lock), body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip .lender-logo-mark:not(#sq-investor-snapshot-logo-chip-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip .lender-logo:not(#sq-investor-snapshot-logo-chip-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip .lender-logo-mark:not(#sq-investor-snapshot-logo-chip-lock) { height: 23px !important; max-height: 23px !important; max-width: 23px !important; object-fit: contain !important; width: 23px !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip::after, html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip::after { color: var(--ink) !important; content: attr(aria-label) !important; display: block !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.12 !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; white-space: nowrap !important; } body[data-app-view="control"] .control-page .control-collapsible-summary:not(#sq-control-summary-caption-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary:not(#sq-control-summary-caption-stack-lock) { align-items: center !important; gap: 4px 12px !important; grid-template-columns: minmax(0,1fr) max-content max-content !important; min-height: 58px !important; } body[data-app-view="control"] .control-page .control-collapsible-summary > span:first-child:not(.collapse-icon):not(#sq-control-summary-caption-stack-lock), body[data-app-view="control"] .control-page .control-collapsible-summary > div:first-child:not(#sq-control-summary-caption-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary > span:first-child:not(.collapse-icon):not(#sq-control-summary-caption-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary > div:first-child:not(#sq-control-summary-caption-stack-lock) { align-self: end !important; display: grid !important; grid-column: 1 !important; grid-row: 1 !important; justify-items: start !important; min-width: 0 !important; } body[data-app-view="control"] .control-page .control-collapsible-summary > small:not(#sq-control-summary-caption-stack-lock), body[data-app-view="control"] .control-page .control-collapsible-summary > div:first-child > :is(p,small):not(#sq-control-summary-caption-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary > small:not(#sq-control-summary-caption-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary > div:first-child > :is(p,small):not(#sq-control-summary-caption-stack-lock) { align-self: start !important; color: color-mix(in srgb, var(--muted) 86%, var(--ink)) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 500 !important; grid-column: 1 !important; grid-row: 2 !important; letter-spacing: 0 !important; line-height: 1.2 !important; margin: 0 !important; max-width: min(100%, 760px) !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; white-space: nowrap !important; } body[data-app-view="control"] .control-page .control-collapsible-summary > .collapse-icon:not(#sq-control-summary-caption-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary > .collapse-icon:not(#sq-control-summary-caption-stack-lock) { align-self: center !important; grid-column: 3 !important; grid-row: 1 / span 2 !important; justify-self: end !important; margin-top: 0 !important; } body[data-app-view="control"] .control-page .control-collapsible-summary > :is(.investor-comp-summary-actions,.deterministic-auto-summary-chips,button.btn):not(#sq-control-summary-caption-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary > :is(.investor-comp-summary-actions,.deterministic-auto-summary-chips,button.btn):not(#sq-control-summary-caption-stack-lock) { align-self: center !important; grid-column: 2 !important; grid-row: 1 / span 2 !important; justify-self: end !important; } body[data-app-view="control"] .control-page .control-collapsible-summary .control-framed-label:not(#sq-control-summary-caption-stack-lock), body[data-app-view="control"] .control-page .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label:not(#sq-control-summary-caption-stack-lock), body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label:not(#sq-control-summary-caption-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary .control-framed-label:not(#sq-control-summary-caption-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label:not(#sq-control-summary-caption-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary .control-framed-label:not(#sq-control-summary-caption-stack-lock) { color: var(--ink) !important; font-family: inherit !important; font-size: 18px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .control-page .control-collapsible-summary > :is(.investor-comp-summary-actions,button.btn) .btn.mini, body[data-app-view="control"] .control-page .control-collapsible-summary > button.btn.mini, html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary > :is(.investor-comp-summary-actions,button.btn) .btn.mini, html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary > button.btn.mini { align-items: center !important; border-radius: 999px !important; display: inline-flex !important; font-size: 12px !important; font-weight: 700 !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1 !important; min-height: 34px !important; min-width: 112px !important; padding: 8px 14px !important; text-transform: none !important; white-space: nowrap !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-change:not(#sq-investor-rate-change-pill-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-change:not(#sq-investor-rate-change-pill-lock) { align-items: center !important; border-radius: 999px !important; display: inline-flex !important; font-family: inherit !important; font-size: 11px !important; font-style: normal !important; font-weight: 750 !important; justify-content: center !important; justify-self: center !important; letter-spacing: 0 !important; line-height: 1 !important; min-height: 26px !important; padding: 6px 14px !important; text-shadow: none !important; text-transform: none !important; white-space: nowrap !important; width: min(100%, 132px) !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-change.neutral:not(#sq-investor-rate-change-pill-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-change.neutral:not(#sq-investor-rate-change-pill-lock) { background: color-mix(in srgb, var(--soft) 76%, var(--paper)) !important; border-color: color-mix(in srgb, var(--line) 86%, var(--muted)) !important; color: color-mix(in srgb, var(--muted) 72%, var(--ink)) !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-change.better:not(#sq-investor-rate-change-pill-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-change.better:not(#sq-investor-rate-change-pill-lock) { background: color-mix(in srgb, var(--green) 16%, var(--paper)) !important; border-color: color-mix(in srgb, var(--green) 42%, var(--line)) !important; color: color-mix(in srgb, var(--green) 72%, var(--ink)) !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-change.worse:not(#sq-investor-rate-change-pill-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-change.worse:not(#sq-investor-rate-change-pill-lock) { background: color-mix(in srgb, var(--red) 12%, var(--paper)) !important; border-color: color-mix(in srgb, var(--red) 38%, var(--line)) !important; color: color-mix(in srgb, var(--red) 76%, var(--ink)) !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-head:not(#sq-investor-rate-change-column-balance-lock), body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-row:not(#sq-investor-rate-change-column-balance-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-head:not(#sq-investor-rate-change-column-balance-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-row:not(#sq-investor-rate-change-column-balance-lock) { grid-template-columns: minmax(250px,1.3fr) minmax(160px,.86fr) minmax(260px,1fr) minmax(210px,.92fr) !important; min-width: 900px !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-head > span:nth-child(3):not(#sq-investor-rate-change-column-balance-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-head > span:nth-child(3):not(#sq-investor-rate-change-column-balance-lock) { text-align: center !important; } body[data-app-view="control"] .control-page :is( .market-data-panel, .investor-pricing-snapshot, .investor-comp-panel, .pricing-engine-panel, .auto-quote-panel, .rate-sheet-panel, .lead-import-control-panel ) :is( h1,h2,h3,h4,p,small,span,strong,b,em,label,a,button,input,select,textarea,th,td, .market-data-card, .market-data-card *, .market-block *, .market-apor-panel *, .quote-status *, .rate-vault-heading *, .rate-alert-card *, .rate-sheet-file-row *, .rate-sheet-archive-section *, .investor-pricing-row *, .investor-comp-row *, .preferred-investor-grid *, .investor-config-tools *, .pricing-preset-matrix *, .deterministic-auto-panel *, .auto-quote-body *, .auto-quote-delivery-stack *, .lead-import-automation-strip * ):not(svg):not(path):not(#sq-control-all-sections-type-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page :is( .market-data-panel, .investor-pricing-snapshot, .investor-comp-panel, .pricing-engine-panel, .auto-quote-panel, .rate-sheet-panel, .lead-import-control-panel ) :is( h1,h2,h3,h4,p,small,span,strong,b,em,label,a,button,input,select,textarea,th,td, .market-data-card, .market-data-card *, .market-block *, .market-apor-panel *, .quote-status *, .rate-vault-heading *, .rate-alert-card *, .rate-sheet-file-row *, .rate-sheet-archive-section *, .investor-pricing-row *, .investor-comp-row *, .preferred-investor-grid *, .investor-config-tools *, .pricing-preset-matrix *, .deterministic-auto-panel *, .auto-quote-body *, .auto-quote-delivery-stack *, .lead-import-automation-strip * ):not(svg):not(path):not(#sq-control-all-sections-type-lock) { font-family: inherit !important; font-style: normal !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .control-page :is(.market-block-head .control-framed-label,.market-apor-head .control-framed-label,.rate-vault-heading h3,.investor-config-tools-head strong):not(#sq-control-all-sections-type-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.market-block-head .control-framed-label,.market-apor-head .control-framed-label,.rate-vault-heading h3,.investor-config-tools-head strong):not(#sq-control-all-sections-type-lock) { color: var(--ink) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.1 !important; } body[data-app-view="control"] .control-page :is(.market-data-card > span,.market-data-card small,.market-coupon-table th,.market-coupon-table td,.market-reference-links a,.market-last-checked,.rate-vault-heading small,.investor-config-tools-head span,.investor-config-stat small,.auto-quote-route b,.auto-quote-route em,.lead-import-automation-strip span,.lead-import-automation-strip small):not(#sq-control-all-sections-type-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.market-data-card > span,.market-data-card small,.market-coupon-table th,.market-coupon-table td,.market-reference-links a,.market-last-checked,.rate-vault-heading small,.investor-config-tools-head span,.investor-config-stat small,.auto-quote-route b,.auto-quote-route em,.lead-import-automation-strip span,.lead-import-automation-strip small):not(#sq-control-all-sections-type-lock) { font-size: 12px !important; font-weight: 500 !important; line-height: 1.22 !important; } body[data-app-view="control"] .control-page :is(.market-data-card strong,.investor-config-stat b,.auto-quote-count-summary strong):not(#sq-control-all-sections-type-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.market-data-card strong,.investor-config-stat b,.auto-quote-count-summary strong):not(#sq-control-all-sections-type-lock) { font-weight: 500 !important; letter-spacing: 0 !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-head > span:not(#sq-investor-snapshot-column-align-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-head > span:not(#sq-investor-snapshot-column-align-lock) { justify-self: center !important; text-align: center !important; width: 100% !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-row > time:not(#sq-investor-snapshot-column-align-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-row > time:not(#sq-investor-snapshot-column-align-lock) { justify-self: center !important; text-align: center !important; width: 100% !important; } /* Settings Branding trial: use the 1003 field caption/value typography. */ body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-form label:not(.account-license-check):not(#sq-branding-1003-field-type-lock) { color: var(--muted) !important; font-size: 12px !important; font-weight: 400 !important; gap: 5px !important; letter-spacing: 0 !important; line-height: 1.2 !important; text-transform: none !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-form input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not(#sq-branding-1003-field-type-lock), body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-form textarea:not(#sq-branding-1003-field-type-lock), body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-form select:not(#sq-branding-1003-field-type-lock) { color: #000 !important; font-family: inherit !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: 0 !important; line-height: 1.25 !important; min-height: 34px !important; padding: 6px 9px !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-control-body:not(#sq-control-right-investor-config-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-control-body:not(#sq-control-right-investor-config-stack-lock) { display: grid !important; gap: 12px !important; grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred:not(#sq-control-right-investor-config-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred:not(#sq-control-right-investor-config-stack-lock) { display: grid !important; gap: 8px 10px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; margin-top: 0 !important; order: 1 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-investor-first:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-investor-first:not(#sq-control-investor-preferred-inline-lock) { grid-column: 1 !important; grid-row: 1 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-comp-first:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-comp-first:not(#sq-control-investor-preferred-inline-lock) { grid-column: 2 !important; grid-row: 1 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-investor-second:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-investor-second:not(#sq-control-investor-preferred-inline-lock) { grid-column: 3 !important; grid-row: 1 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-comp-second:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-comp-second:not(#sq-control-investor-preferred-inline-lock) { grid-column: 4 !important; grid-row: 1 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred > :is(.preferred-investor-field,.preferred-comp-first,.preferred-comp-second):not(#sq-control-right-investor-config-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred > :is(.preferred-investor-field,.preferred-comp-first,.preferred-comp-second):not(#sq-control-right-investor-config-stack-lock) { min-width: 0 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred :is(.preferred-investor-field,.preferred-comp-override):not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred :is(.preferred-investor-field,.preferred-comp-override):not(#sq-control-investor-preferred-inline-lock) { align-content: start !important; gap: 4px !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred :is(.preferred-investor-field,.preferred-comp-override) > span:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred :is(.preferred-investor-field,.preferred-comp-override) > span:not(#sq-control-investor-preferred-inline-lock) { color: var(--muted) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.15 !important; text-transform: none !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred :is(.preferred-investor-field,.preferred-comp-override):not(#sq-control-investor-preferred-height-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred :is(.preferred-investor-field,.preferred-comp-override):not(#sq-control-investor-preferred-height-lock) { min-height: 62px !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .custom-choice-menu > summary:not(#sq-control-investor-preferred-height-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .custom-choice-menu > summary:not(#sq-control-investor-preferred-height-lock), body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo:not(#sq-control-investor-preferred-height-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo:not(#sq-control-investor-preferred-height-lock) { min-height: 40px !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo input:not(#sq-control-investor-preferred-height-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo input:not(#sq-control-investor-preferred-height-lock) { min-height: 38px !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell:not(#sq-control-investor-preferred-inline-lock), body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .custom-choice-menu:not(#sq-control-investor-preferred-inline-lock), body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .custom-choice-menu > summary:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .custom-choice-menu:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .custom-choice-menu > summary:not(#sq-control-investor-preferred-inline-lock), body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo:not(#sq-control-investor-preferred-inline-lock) { box-sizing: border-box !important; max-width: 100% !important; width: 100% !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .quick-choice-options:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .quick-choice-options:not(#sq-control-investor-preferred-inline-lock), body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-menu:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-menu:not(#sq-control-investor-preferred-inline-lock) { box-sizing: border-box !important; left: 0 !important; right: 0 !important; width: 100% !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell :is(.custom-choice-summary-rich,.mini-pref-display-text,.quick-choice-options button):not(#sq-control-investor-preferred-inline-lock), body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred :is(.comp-override-combo input,.comp-override-option):not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell :is(.custom-choice-summary-rich,.mini-pref-display-text,.quick-choice-options button):not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred :is(.comp-override-combo input,.comp-override-option):not(#sq-control-investor-preferred-inline-lock) { color: var(--ink) !important; font-family: inherit !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.15 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .quick-choice-options button.active:not(:hover):not(:focus):not(#sq-control-investor-dropdown-selected-fill-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .quick-choice-options button.active:not(:hover):not(:focus):not(#sq-control-investor-dropdown-selected-fill-lock) { background: transparent !important; color: var(--ink) !important; font-weight: 500 !important; } @media (max-width: 1180px) { body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred:not(#sq-control-investor-preferred-inline-lock) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-investor-second:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-investor-second:not(#sq-control-investor-preferred-inline-lock) { grid-column: 1 !important; grid-row: 2 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-comp-second:not(#sq-control-investor-preferred-inline-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-comp-second:not(#sq-control-investor-preferred-inline-lock) { grid-column: 2 !important; grid-row: 2 !important; } } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-spacer:not(#sq-control-right-investor-config-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-spacer:not(#sq-control-right-investor-config-stack-lock) { display: none !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-comp-lanes:not(#sq-control-right-investor-config-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-comp-lanes:not(#sq-control-right-investor-config-stack-lock) { display: grid !important; gap: 10px !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; order: 2 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-comp-grid:not(#sq-control-right-investor-config-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-comp-grid:not(#sq-control-right-investor-config-stack-lock) { grid-template-columns: minmax(0,1fr) !important; max-height: 286px !important; overflow-y: auto !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-comp-row:not(#sq-control-right-investor-config-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-comp-row:not(#sq-control-right-investor-config-stack-lock) { grid-template-columns: minmax(0,1fr) 62px !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-control-body > .investor-config-tools:not(#sq-control-right-investor-config-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-control-body > .investor-config-tools:not(#sq-control-right-investor-config-stack-lock) { grid-column: 1 !important; margin-top: 0 !important; order: 3 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-comp-head:not(#sq-control-investor-header-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-comp-head:not(#sq-control-investor-header-wrap-lock) { align-items: start !important; column-gap: 12px !important; grid-template-columns: minmax(0,1fr) max-content max-content !important; grid-template-rows: auto auto !important; min-height: 72px !important; row-gap: 4px !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-comp-head > div:first-child:not(#sq-control-investor-header-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-comp-head > div:first-child:not(#sq-control-investor-header-wrap-lock) { display: contents !important; min-height: 0 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-comp-head .control-framed-label:not(#sq-control-investor-header-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-comp-head .control-framed-label:not(#sq-control-investor-header-wrap-lock) { align-self: end !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-comp-head .investor-config-copy:not(#sq-control-investor-header-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-comp-head .investor-config-copy:not(#sq-control-investor-header-wrap-lock) { align-self: start !important; grid-column: 1 / -1 !important; grid-row: 2 !important; max-width: none !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-comp-head > .investor-comp-summary-actions:not(#sq-control-investor-header-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-comp-head > .investor-comp-summary-actions:not(#sq-control-investor-header-wrap-lock) { align-self: start !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: end !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-comp-head > .collapse-icon:not(#sq-control-investor-header-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] > .investor-comp-head > .collapse-icon:not(#sq-control-investor-header-wrap-lock) { align-self: center !important; grid-column: 3 !important; grid-row: 1 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred:not(#sq-control-investor-preferred-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred:not(#sq-control-investor-preferred-wrap-lock) { gap: 9px 10px !important; grid-template-columns: minmax(0,1fr) minmax(88px,96px) minmax(0,1fr) minmax(88px,96px) !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-investor-first:not(#sq-control-investor-preferred-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-investor-first:not(#sq-control-investor-preferred-wrap-lock) { grid-column: 1 !important; grid-row: 1 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-comp-first:not(#sq-control-investor-preferred-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-comp-first:not(#sq-control-investor-preferred-wrap-lock) { grid-column: 2 !important; grid-row: 1 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-investor-second:not(#sq-control-investor-preferred-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-investor-second:not(#sq-control-investor-preferred-wrap-lock) { grid-column: 3 !important; grid-row: 1 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-comp-second:not(#sq-control-investor-preferred-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .preferred-comp-second:not(#sq-control-investor-preferred-wrap-lock) { grid-column: 4 !important; grid-row: 1 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .custom-choice-menu > summary:not(#sq-control-investor-preferred-wrap-lock), body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo:not(#sq-control-investor-preferred-wrap-lock), body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo input:not(#sq-control-investor-preferred-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .custom-choice-menu > summary:not(#sq-control-investor-preferred-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo:not(#sq-control-investor-preferred-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo input:not(#sq-control-investor-preferred-wrap-lock) { min-height: 42px !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .mini-pref-auto-display:not(#sq-control-investor-auto-display-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .mini-pref-auto-display:not(#sq-control-investor-auto-display-lock) { display: grid !important; gap: 0 !important; grid-template-columns: minmax(0,1fr) !important; justify-items: stretch !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .mini-pref-auto-display > .mini-pref-display-text:not(#sq-control-investor-auto-display-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .mini-pref-auto-display > .mini-pref-display-text:not(#sq-control-investor-auto-display-lock) { display: none !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .mini-pref-auto-display > .mini-preset-auto-mood.is-preferred-display:not(#sq-control-investor-auto-display-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .control-pref-choice-shell .mini-pref-auto-display > .mini-preset-auto-mood.is-preferred-display:not(#sq-control-investor-auto-display-lock) { justify-self: end !important; margin: 0 !important; max-width: 75% !important; width: 75% !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo.is-auto input:placeholder-shown:not(#sq-control-investor-auto-display-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo.is-auto input:placeholder-shown:not(#sq-control-investor-auto-display-lock) { text-align: center !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo.is-auto input:placeholder-shown::placeholder, html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-combo.is-auto input:placeholder-shown::placeholder { color: var(--muted) !important; opacity: 1 !important; text-align: center !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-option.is-auto-option:not(#sq-control-investor-auto-display-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .comp-override-option.is-auto-option:not(#sq-control-investor-auto-display-lock) { text-align: center !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] :is(.investor-config-preferred .custom-choice-summary-rich,.investor-config-preferred .mini-pref-display-text,.investor-config-preferred .quick-choice-options button,.investor-config-preferred .mini-preset-auto-mood.is-preferred-display em,.investor-config-preferred .comp-override-combo input,.investor-config-preferred .comp-override-option,.investor-comp-row input[type="number"]):not(#sq-control-investor-value-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] :is(.investor-config-preferred .custom-choice-summary-rich,.investor-config-preferred .mini-pref-display-text,.investor-config-preferred .quick-choice-options button,.investor-config-preferred .mini-preset-auto-mood.is-preferred-display em,.investor-config-preferred .comp-override-combo input,.investor-config-preferred .comp-override-option,.investor-comp-row input[type="number"]):not(#sq-control-investor-value-type-final-lock) { color: var(--ink) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-comp-row input[type="number"]:not(#sq-control-investor-value-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-comp-row input[type="number"]:not(#sq-control-investor-value-type-final-lock) { font-size: 13px !important; min-height: 32px !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .mini-preset-auto-mood.is-preferred-display em:not(#sq-control-investor-value-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-config-preferred .mini-preset-auto-mood.is-preferred-display em:not(#sq-control-investor-value-type-final-lock) { color: #fff !important; font-weight: 800 !important; } body[data-app-view="control"] .control-page .auto-quote-panel:not([open]) > .auto-quote-head:not(#sq-control-auto-quote-collapsed-align-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .auto-quote-panel:not([open]) > .auto-quote-head:not(#sq-control-auto-quote-collapsed-align-lock) { align-items: start !important; min-height: 72px !important; } body[data-app-view="control"] .control-page .auto-quote-panel:not([open]) > .auto-quote-head > div:first-child:not(#sq-control-auto-quote-collapsed-align-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .auto-quote-panel:not([open]) > .auto-quote-head > div:first-child:not(#sq-control-auto-quote-collapsed-align-lock) { align-content: start !important; align-self: start !important; grid-row: 1 / span 2 !important; padding-top: 0 !important; } body[data-app-view="control"] .control-page .auto-quote-panel:not([open]) > .auto-quote-head .control-framed-label:not(#sq-control-auto-quote-collapsed-align-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .auto-quote-panel:not([open]) > .auto-quote-head .control-framed-label:not(#sq-control-auto-quote-collapsed-align-lock) { align-self: start !important; } body[data-app-view="control"] .control-page .auto-quote-panel:not([open]) > .auto-quote-head .auto-quote-copy:not(#sq-control-auto-quote-collapsed-align-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .auto-quote-panel:not([open]) > .auto-quote-head .auto-quote-copy:not(#sq-control-auto-quote-collapsed-align-lock) { margin-top: 3px !important; } body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary:not(#sq-control-collapsed-bar-center-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary:not(#sq-control-collapsed-bar-center-lock) { align-items: start !important; min-height: 58px !important; } body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary > div:first-child:not(#sq-control-collapsed-bar-center-lock), body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary > span:first-child:not(.collapse-icon):not(#sq-control-collapsed-bar-center-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary > div:first-child:not(#sq-control-collapsed-bar-center-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary > span:first-child:not(.collapse-icon):not(#sq-control-collapsed-bar-center-lock) { align-content: start !important; align-self: start !important; display: grid !important; gap: 3px !important; grid-row: 1 !important; min-height: 0 !important; padding-top: 0 !important; } body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary > div:first-child > :is(p,small):not(#sq-control-collapsed-bar-center-lock), body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary > small:not(#sq-control-collapsed-bar-center-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary > div:first-child > :is(p,small):not(#sq-control-collapsed-bar-center-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary > small:not(#sq-control-collapsed-bar-center-lock) { align-self: start !important; grid-row: 2 !important; margin-top: 0 !important; } body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary > :is(.investor-comp-summary-actions,.deterministic-auto-summary-chips,button.btn):not(#sq-control-collapsed-bar-center-lock), body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary > .collapse-icon:not(#sq-control-collapsed-bar-center-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary > :is(.investor-comp-summary-actions,.deterministic-auto-summary-chips,button.btn):not(#sq-control-collapsed-bar-center-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section:not([open]) > .control-collapsible-summary > .collapse-icon:not(#sq-control-collapsed-bar-center-lock) { align-self: start !important; } body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip:not(#sq-control-folder-import-strip-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip:not(#sq-control-folder-import-strip-wrap-lock) { align-items: start !important; gap: 9px 12px !important; grid-template-columns: minmax(0,1fr) auto !important; grid-template-rows: auto auto !important; padding: 10px 12px 12px !important; } body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip > div:first-child:not(#sq-control-folder-import-strip-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip > div:first-child:not(#sq-control-folder-import-strip-wrap-lock) { grid-column: 1 / -1 !important; grid-row: 1 !important; max-width: none !important; } body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-picker:not(#sq-control-folder-import-strip-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-picker:not(#sq-control-folder-import-strip-wrap-lock) { grid-column: 1 !important; grid-row: 2 !important; } body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-actions:not(#sq-control-folder-import-strip-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-actions:not(#sq-control-folder-import-strip-wrap-lock) { align-self: stretch !important; grid-column: 2 !important; grid-row: 2 !important; } body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-actions .btn:not(#sq-control-folder-import-strip-wrap-lock), html[data-theme="dark"] body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-actions .btn:not(#sq-control-folder-import-strip-wrap-lock) { min-height: 38px !important; } body[data-app-view="control"] .market-data-panel :is(.market-data-card,.market-data-card *,.market-coupon-table,.market-coupon-table *,.market-apor-panel,.market-apor-panel *,.market-mini-chart-tabs button,.market-mini-axis-label):not(svg):not(path):not(#sq-control-market-data-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel :is(.market-data-card,.market-data-card *,.market-coupon-table,.market-coupon-table *,.market-apor-panel,.market-apor-panel *,.market-mini-chart-tabs button,.market-mini-axis-label):not(svg):not(path):not(#sq-control-market-data-type-final-lock) { font-family: inherit !important; font-style: normal !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .market-data-panel :is(.market-data-card > span,.market-card-main > span,.market-coupon-head span,.market-coupon-row span,.market-apor-grid span,.market-mini-chart-tabs button,.market-mini-axis-label):not(#sq-control-market-data-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel :is(.market-data-card > span,.market-card-main > span,.market-coupon-head span,.market-coupon-row span,.market-apor-grid span,.market-mini-chart-tabs button,.market-mini-axis-label):not(#sq-control-market-data-type-final-lock) { color: var(--ink) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; } body[data-app-view="control"] .market-data-panel :is(.market-data-card strong,.market-card-main strong,.market-apor-grid strong):not(#sq-control-market-data-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel :is(.market-data-card strong,.market-card-main strong,.market-apor-grid strong):not(#sq-control-market-data-type-final-lock) { color: var(--ink) !important; font-size: 23px !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1 !important; } body[data-app-view="control"] .market-data-panel :is(.market-data-card small,.market-card-main small,.market-apor-grid small):not(#sq-control-market-data-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel :is(.market-data-card small,.market-card-main small,.market-apor-grid small):not(#sq-control-market-data-type-final-lock) { font-size: 12px !important; font-weight: 600 !important; line-height: 1.22 !important; } body[data-app-view="control"] .market-data-panel .market-coupon-row strong:not(#sq-control-market-data-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel .market-coupon-row strong:not(#sq-control-market-data-type-final-lock) { color: var(--ink) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.2 !important; } body[data-app-view="control"] .market-data-panel .market-coupon-head span:not(#sq-control-market-data-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel .market-coupon-head span:not(#sq-control-market-data-type-final-lock) { font-weight: 600 !important; } body[data-app-view="control"] .market-data-panel :is(.market-data-change,.market-coupon-row .market-data-change):not(#sq-control-market-data-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel :is(.market-data-change,.market-coupon-row .market-data-change):not(#sq-control-market-data-type-final-lock) { font-weight: 600 !important; } body[data-app-view="control"] .market-data-panel .market-data-card.has-chart:not(#sq-control-market-chart-top-right-lock), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel .market-data-card.has-chart:not(#sq-control-market-chart-top-right-lock) { align-items: start !important; } body[data-app-view="control"] .market-data-panel .market-data-card.has-chart .market-mini-chart:not(#sq-control-market-chart-top-right-lock), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel .market-data-card.has-chart .market-mini-chart:not(#sq-control-market-chart-top-right-lock) { align-content: start !important; align-self: start !important; gap: 4px !important; justify-self: end !important; margin-top: 0 !important; width: min(100%, 235px) !important; } body[data-app-view="control"] .market-data-panel .market-data-card.has-chart .market-mini-chart svg:not(#sq-final-market-chart-top-pin), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel .market-data-card.has-chart .market-mini-chart svg:not(#sq-final-market-chart-top-pin) { height: 48px !important; margin-top: -2px !important; } body[data-app-view="control"] .market-data-panel .market-data-card.has-chart .market-mini-chart-tabs:not(#sq-final-market-chart-top-pin), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel .market-data-card.has-chart .market-mini-chart-tabs:not(#sq-final-market-chart-top-pin) { justify-self: end !important; margin-top: -2px !important; width: 92% !important; } body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip :is(strong,span,small,summary,summary span,.btn,.auto-import-toggle strong):not(#sq-control-folder-import-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip :is(strong,span,small,summary,summary span,.btn,.auto-import-toggle strong):not(#sq-control-folder-import-type-final-lock) { font-family: inherit !important; font-style: normal !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip > div:first-child > strong:not(#sq-control-folder-import-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip > div:first-child > strong:not(#sq-control-folder-import-type-final-lock) { color: var(--ink) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.12 !important; } body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip > div:first-child > :is(span,small):not(#sq-control-folder-import-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip > div:first-child > :is(span,small):not(#sq-control-folder-import-type-final-lock) { font-size: 12px !important; font-weight: 500 !important; line-height: 1.22 !important; } body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-picker summary span:not(#sq-control-folder-import-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-picker summary span:not(#sq-control-folder-import-type-final-lock) { color: var(--ink) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.18 !important; } body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-actions :is(.btn,.auto-import-toggle strong):not(#sq-control-folder-import-type-final-lock), html[data-theme="dark"] body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-actions :is(.btn,.auto-import-toggle strong):not(#sq-control-folder-import-type-final-lock) { font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-head:not(#sq-investor-snapshot-readable-center-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-table-head:not(#sq-investor-snapshot-readable-center-lock) { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name:not(#sq-investor-snapshot-readable-center-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name:not(#sq-investor-snapshot-readable-center-lock) { justify-items: center !important; text-align: center !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip:not(#sq-investor-snapshot-readable-center-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip:not(#sq-investor-snapshot-readable-center-lock) { justify-content: center !important; justify-self: center !important; max-width: 100% !important; width: fit-content !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip::after, html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip::after { font-size: 13.5px !important; font-weight: 700 !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-row > strong:not(#sq-investor-snapshot-readable-center-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-row > strong:not(#sq-investor-snapshot-readable-center-lock) { font-size: 13.5px !important; font-weight: 700 !important; justify-self: center !important; text-align: center !important; width: 100% !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-change:not(#sq-investor-snapshot-readable-center-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-change:not(#sq-investor-snapshot-readable-center-lock) { font-size: 11.5px !important; font-weight: 700 !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-row > time:not(#sq-investor-snapshot-readable-center-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-row > time:not(#sq-investor-snapshot-readable-center-lock) { font-size: 12px !important; font-weight: 650 !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name:not(#sq-investor-snapshot-name-left-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name:not(#sq-investor-snapshot-name-left-lock) { box-sizing: border-box !important; justify-items: start !important; padding-left: clamp(18px, 2.8vw, 36px) !important; text-align: left !important; } body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip:not(#sq-investor-snapshot-name-left-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name .investor-snapshot-lender-chip:not(#sq-investor-snapshot-name-left-lock) { justify-content: flex-start !important; justify-self: stretch !important; text-align: left !important; width: 100% !important; } @media (max-width: 760px) { body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name:not(#sq-investor-snapshot-name-left-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-pricing-snapshot[open] .investor-pricing-name:not(#sq-investor-snapshot-name-left-lock) { padding-left: 0 !important; } } /* Leads approval labels: clean text titles for Property, Scenario, and mortgage windows only. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is( [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:not(#sq-leads-clean-window-label-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-leads-clean-window-label-lock) { background: transparent !important; border: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; color: var(--ink) !important; cursor: pointer !important; display: inline-flex !important; font-size: 17px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.05 !important; max-width: 100% !important; min-height: 0 !important; overflow: visible !important; padding: 0 !important; text-transform: none !important; top: 0 !important; transform: none !important; white-space: nowrap !important; width: auto !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) [data-lead-editor-card="loanScenario"]:not([open]) > .editor-section-summary > span:first-child:not(#sq-leads-collapsed-scenario-center-lock) { align-self: center !important; top: 1px !important; transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) [data-lead-editor-card="loanScenario"][open] > .editor-section-summary > span:first-child:not(#sq-leads-expanded-scenario-anchor-lock) { top: -2px !important; transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) [data-lead-editor-card="loanScenario"]:not([open]):not(#sq-leads-collapsed-scenario-height-lock) { padding-bottom: 4px !important; padding-top: 4px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) [data-lead-editor-card="loanScenario"]:not([open]) > .editor-section-summary:not(#sq-leads-collapsed-scenario-height-lock) { align-items: center !important; min-height: calc(var(--lead-card-header-pill-height) + 2px) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) [data-lead-editor-card="loanScenario"]:not([open]) :is(.scenario-reprice-anchor,.scenario-summary-actions):not(#sq-leads-collapsed-scenario-height-lock) { align-self: center !important; margin-top: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions > .mini-collapsed-option-chips:not(#sq-leads-collapsed-logo-tray-lock) { align-items: center !important; gap: 10px !important; justify-content: center !important; min-height: 38px !important; padding: 5px 14px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions .mini-collapsed-option-chip:not(#sq-leads-collapsed-logo-tray-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions .mini-collapsed-option-chip:hover:not(#sq-leads-collapsed-logo-tray-lock) { background: transparent !important; background-color: transparent !important; border: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; cursor: default !important; height: 28px !important; min-height: 28px !important; min-width: 28px !important; overflow: visible !important; padding: 0 !important; width: 28px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions .mini-collapsed-option-chip .lender-brand.chip:not(#sq-leads-collapsed-logo-tray-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions .mini-collapsed-option-chip .lender-brand.chip:has(.lender-logo-mark):not(#sq-leads-collapsed-logo-tray-lock) { align-items: center !important; background: transparent !important; background-color: transparent !important; border: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; display: inline-flex !important; height: 28px !important; justify-content: center !important; min-height: 28px !important; min-width: 28px !important; overflow: visible !important; padding: 0 !important; width: 28px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions .mini-collapsed-option-chip .lender-logo-stack:not(#sq-leads-collapsed-logo-tray-lock) { align-items: center !important; display: inline-flex !important; height: 28px !important; justify-content: center !important; min-width: 0 !important; overflow: visible !important; width: 28px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions .mini-collapsed-option-chip .lender-brand.chip .lender-logo, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions .mini-collapsed-option-chip .lender-brand.chip .lender-logo-mark, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:not([open]) > .mini-rate-snapshot-head.has-mortgage-actions .mini-collapsed-option-chip .lender-brand.chip :is(.lender-logo-unionhome,.lender-logo-unionhomemortgage,.lender-logo-sierra,.lender-logo-sierrapacific,.lender-logo-sierrapacificmortgage,.lender-logo-nexbank).lender-logo-mark { background: transparent !important; background-color: transparent !important; border: 0 !important; border-color: transparent !important; border-radius: 999px !important; box-shadow: none !important; box-sizing: border-box !important; filter: none !important; height: 27px !important; max-height: 27px !important; max-width: 27px !important; object-fit: contain !important; padding: 0 !important; width: 27px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is( [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:not(#sq-leads-clean-window-label-lock)::before, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-leads-clean-window-label-lock)::before { content: none !important; display: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is( [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] )[open] > .editor-section-summary > span:first-child:not(#sq-leads-clean-window-label-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-leads-clean-window-label-lock) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 58%, var(--primary)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-leads-mortgage-label-rail-lock) { left: -2px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame.is-second[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-leads-second-expanded-label-lock) { left: -4px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is( [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary:is(:hover,:focus-visible) > span:first-child:not(#sq-leads-clean-window-hover-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is( [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:is(:hover,:focus-visible):not(#sq-leads-clean-window-hover-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus-visible):not(#sq-leads-clean-window-hover-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus-visible) > span:first-child:not(#sq-leads-clean-window-hover-lock) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 58%, var(--primary)) !important; text-decoration: underline !important; text-decoration-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 70%, transparent) !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-presets-summary .pricing-presets-title:not(#sq-leads-presets-clean-label-lock) { background: transparent !important; border: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; color: var(--ink) !important; display: inline-flex !important; font-size: 16px !important; font-style: normal !important; font-weight: 700 !important; height: auto !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 0 !important; padding: 0 !important; text-transform: none !important; white-space: nowrap !important; width: auto !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-presets-summary .pricing-presets-title:not(#sq-leads-presets-clean-label-lock)::before { content: none !important; display: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title:not(#sq-leads-presets-clean-label-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-presets-summary:is(:hover,:focus-visible) .pricing-presets-title:not(#sq-leads-presets-clean-label-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-presets-summary .pricing-presets-title:is(:hover,:focus-visible):not(#sq-leads-presets-clean-label-lock) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 58%, var(--primary)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .mini-snapshot-presets-drawer .pricing-preset-preview-row:not(#sq-leads-presets-chip-system-lock) { gap: 6px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .mini-snapshot-presets-drawer .pricing-preset-preview-row :is(.mini-preset-auto-mood.is-preview-display,.pricing-preset-lender-cycle,.pricing-preset-option-count):not(#sq-leads-presets-chip-system-lock) { align-items: center !important; background: linear-gradient(180deg, color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 14%, #fff), color-mix(in srgb, var(--primary) 5%, #fff)) !important; background-color: color-mix(in srgb, var(--primary) 6%, #fff) !important; border: 1px solid color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 2px 5px rgba(16,24,32,.1) !important; color: color-mix(in srgb, var(--primary) 78%, var(--ink)) !important; display: inline-flex !important; font-family: inherit !important; font-size: 11px !important; font-style: normal !important; font-weight: 700 !important; height: 28px !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1 !important; min-height: 28px !important; padding: 5px 10px !important; text-align: center !important; text-shadow: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .mini-snapshot-presets-drawer .pricing-preset-preview-row .mini-preset-auto-mood.is-preview-display[class*="deterministic-auto-mood-"]:not(#sq-leads-presets-chip-system-lock) { background: linear-gradient(180deg, var(--auto-mood-b, var(--primary)) 0 3px, color-mix(in srgb, var(--auto-mood-c, #8cc9ed) 24%, #fff) 3px, color-mix(in srgb, var(--auto-mood-c, #8cc9ed) 12%, #fff) 100%) !important; border-color: color-mix(in srgb, var(--auto-mood-b, var(--primary)) 42%, var(--line)) !important; color: color-mix(in srgb, var(--auto-mood-a, var(--primary)) 82%, var(--ink)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .mini-snapshot-presets-drawer .pricing-preset-preview-row :is(.mini-preset-auto-mood.is-preview-display,.pricing-preset-lender-cycle,.pricing-preset-option-count):not(#sq-leads-presets-chip-system-lock) :is(em,span,.mini-preset-lender-name,.mini-preset-auto-text,.mini-preset-lender-text) { color: currentColor !important; font-size: 11px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1 !important; text-shadow: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .mini-snapshot-presets-drawer .pricing-preset-preview-row :is(.mini-preset-auto-mood.is-preview-display,.pricing-preset-lender-cycle,.pricing-preset-option-count):is(:hover,:focus-visible):not(#sq-leads-presets-chip-system-lock) { background: linear-gradient(180deg, color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 22%, #fff), color-mix(in srgb, var(--primary) 8%, #fff)) !important; background-color: color-mix(in srgb, var(--primary) 8%, #fff) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 58%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 0 0 2px color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 18%, transparent), 0 3px 7px rgba(12,77,112,.14) !important; color: color-mix(in srgb, var(--primary) 84%, var(--ink)) !important; outline: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .mini-snapshot-presets-drawer .pricing-preset-preview-row .mini-preset-auto-mood.is-preview-display[class*="deterministic-auto-mood-"]:is(:hover,:focus-visible):not(#sq-leads-presets-chip-system-lock) { background: linear-gradient(180deg, var(--auto-mood-b, var(--primary)) 0 3px, color-mix(in srgb, var(--auto-mood-c, #8cc9ed) 32%, #fff) 3px, color-mix(in srgb, var(--auto-mood-c, #8cc9ed) 16%, #fff) 100%) !important; border-color: color-mix(in srgb, var(--auto-mood-b, var(--primary)) 52%, var(--line)) !important; color: color-mix(in srgb, var(--auto-mood-a, var(--primary)) 88%, var(--ink)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is( [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:not(#sq-leads-bordered-window-label-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-leads-bordered-window-label-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-presets-summary .pricing-presets-title:not(#sq-leads-bordered-window-label-lock) { background: color-mix(in srgb, #fff 86%, var(--paper)) !important; border: 1px solid color-mix(in srgb, #d7e5ef 88%, var(--line)) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 1px 2px rgba(16,24,32,.06) !important; padding: 5px 10px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is( [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] )[open] > .editor-section-summary > span:first-child:not(#sq-leads-bordered-window-label-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-leads-bordered-window-label-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title:not(#sq-leads-bordered-window-label-lock) { border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 42%, var(--line)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .pricing-presets-body:not(#sq-leads-expanded-presets-polish-lock) { gap: 9px !important; padding: 8px 8px 10px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-stack:not(#sq-leads-expanded-presets-polish-lock) { gap: 9px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-stack-top:not(#sq-leads-expanded-presets-polish-lock) { align-items: end !important; gap: 8px !important; grid-template-columns: minmax(0,1.18fr) minmax(82px,.43fr) minmax(78px,.36fr) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-control-pref-field,.mini-control-mood-field,.mini-control-comp-input):not(#sq-leads-expanded-presets-polish-lock) { gap: 5px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-control-pref-field,.mini-control-mood-field,.mini-control-comp-input) > span:not(.custom-choice-shell):not(#sq-leads-expanded-presets-polish-lock) { color: color-mix(in srgb, var(--ink) 58%, var(--primary)) !important; font-size: 11px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .custom-choice-menu summary:not(#sq-leads-expanded-presets-polish-lock) { background: color-mix(in srgb, #fff 92%, var(--paper)) !important; border: 1px solid color-mix(in srgb, #d7e5ef 86%, var(--line)) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important; color: var(--ink) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .custom-choice-menu strong:not(#sq-leads-expanded-presets-polish-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-pref-display-text:not(#sq-leads-expanded-presets-polish-lock) { color: color-mix(in srgb, var(--ink) 92%, var(--primary)) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-preset-auto-mood.is-expanded-control:not(#sq-leads-expanded-presets-polish-lock) { background: linear-gradient(180deg, var(--auto-mood-b, var(--primary)) 0 3px, color-mix(in srgb, var(--auto-mood-c, #8cc9ed) 24%, #fff) 3px, color-mix(in srgb, var(--auto-mood-c, #8cc9ed) 10%, #fff) 100%) !important; border: 1px solid color-mix(in srgb, var(--auto-mood-b, var(--primary)) 42%, var(--line)) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 1px 2px rgba(16,24,32,.06) !important; color: color-mix(in srgb, var(--auto-mood-a, var(--primary)) 82%, var(--ink)) !important; height: 40px !important; min-height: 40px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-preset-auto-mood.is-expanded-control em:not(#sq-leads-expanded-presets-polish-lock) { color: currentColor !important; font-size: 12px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1 !important; text-shadow: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-matrix:not(#sq-leads-expanded-presets-polish-lock) { background: color-mix(in srgb, #fff 74%, var(--paper)) !important; border: 1px solid color-mix(in srgb, #cfe2ef 86%, var(--line)) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important; gap: 8px !important; padding: 9px 7px 10px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-control-option-head,.mini-control-option-row):not(#sq-leads-expanded-presets-polish-lock) { gap: 5px !important; grid-template-columns: 34px repeat(3,minmax(0,1fr)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-matrix.active-count-2 :is(.mini-control-option-head,.mini-control-option-row):not(#sq-leads-expanded-presets-polish-lock) { grid-template-columns: 34px repeat(2,minmax(0,1fr)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-matrix.active-count-1 :is(.mini-control-option-head,.mini-control-option-row):not(#sq-leads-expanded-presets-polish-lock) { grid-template-columns: 34px minmax(0,1fr) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-toggle span:not(#sq-leads-expanded-presets-polish-lock) { border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 2px 5px rgba(16,24,32,.08) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0 !important; min-height: 33px !important; padding: 7px 9px !important; text-shadow: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-toggle-1.is-enabled span:not(#sq-leads-expanded-presets-polish-lock) { background: linear-gradient(180deg, color-mix(in srgb, #2f6fd5 14%, #fff), color-mix(in srgb, #2f6fd5 6%, #fff)) !important; border: 1px solid color-mix(in srgb, #2f6fd5 42%, var(--line)) !important; color: color-mix(in srgb, #2f6fd5 78%, var(--ink)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-toggle-2.is-enabled span:not(#sq-leads-expanded-presets-polish-lock) { background: linear-gradient(180deg, color-mix(in srgb, #2f97b9 14%, #fff), color-mix(in srgb, #2f97b9 6%, #fff)) !important; border: 1px solid color-mix(in srgb, #2f97b9 42%, var(--line)) !important; color: color-mix(in srgb, #2f97b9 78%, var(--ink)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-toggle-3.is-enabled span:not(#sq-leads-expanded-presets-polish-lock) { background: linear-gradient(180deg, color-mix(in srgb, #df9a12 16%, #fff), color-mix(in srgb, #df9a12 7%, #fff)) !important; border: 1px solid color-mix(in srgb, #df9a12 44%, var(--line)) !important; color: color-mix(in srgb, #b67804 82%, var(--ink)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-toggle.is-disabled span:not(#sq-leads-expanded-presets-polish-lock) { background: color-mix(in srgb, #fff 78%, var(--paper)) !important; border: 1px solid color-mix(in srgb, var(--muted) 18%, var(--line)) !important; box-shadow: none !important; color: color-mix(in srgb, var(--muted) 78%, var(--ink)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-row-label:not(#sq-leads-expanded-presets-polish-lock) { color: color-mix(in srgb, var(--ink) 54%, var(--primary)) !important; font-size: 11px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-row .mini-control-choice-shell .custom-choice-menu summary:not(#sq-leads-expanded-presets-polish-lock) { min-height: 42px !important; padding: 8px 10px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-row .mini-control-choice-shell .custom-choice-menu strong:not(#sq-leads-expanded-presets-polish-lock) { font-size: 13px !important; font-weight: 500 !important; text-align: left !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls:not(#sq-leads-expanded-fields-font-lock) { gap: 7px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls label:not(#sq-leads-expanded-fields-font-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan:not(#sq-leads-expanded-fields-font-lock) { background: color-mix(in srgb, #fff 74%, var(--paper)) !important; border: 1px solid color-mix(in srgb, #cfe2ef 76%, var(--line)) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 1px 2px rgba(16,24,32,.045) !important; color: color-mix(in srgb, var(--ink) 86%, var(--primary)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls label:not(#sq-leads-expanded-fields-font-lock) { gap: 5px !important; min-height: 53px !important; padding: 8px 10px 9px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls label > span:first-child:not(.custom-choice-shell):not(#sq-leads-expanded-fields-font-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-term-label-row > span:first-child:not(#sq-leads-expanded-fields-font-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span:not(#sq-leads-expanded-fields-font-lock) { color: color-mix(in srgb, var(--ink) 58%, var(--primary)) !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: uppercase !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .custom-choice-menu summary:not(#sq-leads-expanded-fields-font-lock) { align-items: center !important; background: transparent !important; border: 0 !important; box-shadow: none !important; grid-template-columns: minmax(0,1fr) 9px !important; min-height: 22px !important; padding: 0 1px 0 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .custom-choice-menu:is([open],:hover,:focus-within) summary:not(#sq-leads-expanded-fields-font-lock) { color: color-mix(in srgb, var(--primary) 72%, var(--ink)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls :is(.mini-product-choice-shell .custom-choice-menu strong,.mini-static-control):not(#sq-leads-expanded-fields-font-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan :is(strong,input):not(#sq-leads-expanded-fields-font-lock) { color: color-mix(in srgb, var(--ink) 92%, var(--primary)) !important; font-family: inherit !important; font-size: 14px !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.18 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan:not(#sq-leads-expanded-fields-font-lock) { min-height: 58px !important; padding: 9px 10px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan.has-loan-actions-control :is(.mini-fee-tile-head,> strong,> input):not(#sq-leads-expanded-fields-font-lock) { max-width: 170px !important; width: min(100%,170px) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-loan-amount-actions :is(.mini-roll-loan-toggle,.mini-formal-loan-toggle,.scenario-reprice-button):not(#sq-leads-expanded-fields-font-lock) { border-radius: 8px !important; font-family: inherit !important; font-size: 11px !important; font-style: normal !important; font-weight: 600 !important; letter-spacing: 0 !important; min-height: 34px !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-stack:not(#sq-leads-floating-option-stack-lock) { background: transparent !important; border-color: transparent !important; box-shadow: none !important; margin-top: 7px !important; padding: 7px 2px 8px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab:not(.is-unavailable):not(#sq-leads-neutral-option-card-lock) { --sq-option-accent: var(--primary); background: linear-gradient(180deg, color-mix(in srgb, var(--sq-option-accent) 9%, #fff), color-mix(in srgb, var(--sq-option-accent) 4%, #fff)) !important; background-color: color-mix(in srgb, var(--sq-option-accent) 6%, #fff) !important; border: 1px solid color-mix(in srgb, var(--sq-option-accent) 34%, var(--line)) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 2px 6px rgba(16,24,32,.08) !important; color: color-mix(in srgb, var(--ink) 88%, var(--sq-option-accent)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab-1:not(.is-unavailable):not(#sq-leads-neutral-option-card-lock) { --sq-option-accent: #2f6fd5; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab-2:not(.is-unavailable):not(#sq-leads-neutral-option-card-lock) { --sq-option-accent: #2f97b9; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab-3:not(.is-unavailable):not(#sq-leads-neutral-option-card-lock) { --sq-option-accent: #df9a12; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab:not(.is-unavailable):not(#sq-leads-neutral-option-card-lock)::before { background: var(--sq-option-accent) !important; border-radius: 1px !important; content: "" !important; display: none !important; height: 4px !important; left: 16px !important; opacity: .88 !important; position: absolute !important; right: 16px !important; top: 10px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-label:not(#sq-leads-neutral-option-card-lock) { color: color-mix(in srgb, var(--ink) 90%, var(--sq-option-accent)) !important; font-weight: 700 !important; gap: 5px !important; letter-spacing: 0 !important; padding-top: 6px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-label span:not(#sq-leads-neutral-option-card-lock) { color: currentColor !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-label small:not(#sq-leads-neutral-option-card-lock) { color: color-mix(in srgb, var(--ink) 66%, var(--muted)) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0 !important; opacity: 1 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-label strong:not(#sq-leads-neutral-option-card-lock) { color: color-mix(in srgb, var(--sq-option-accent) 82%, var(--ink)) !important; font-size: 18px !important; font-weight: 800 !important; letter-spacing: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab:not(.is-unavailable) .quote-selection-label em:not(#sq-leads-neutral-option-card-lock) { color: color-mix(in srgb, var(--ink) 82%, var(--sq-option-accent)) !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; opacity: 1 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab.is-selected:not(.is-unavailable):not(#sq-leads-neutral-option-card-lock) { background: linear-gradient(180deg, color-mix(in srgb, var(--sq-option-accent) 11%, #fff), color-mix(in srgb, var(--sq-option-accent) 5%, #fff)) !important; background-color: color-mix(in srgb, var(--sq-option-accent) 7%, #fff) !important; border-color: color-mix(in srgb, var(--sq-option-accent) 58%, var(--line)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 -2px 0 color-mix(in srgb, var(--sq-option-accent) 68%, transparent), 0 2px 7px rgba(16,24,32,.09) !important; color: color-mix(in srgb, var(--ink) 88%, var(--sq-option-accent)) !important; outline: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab.is-selected:not(.is-unavailable):not(#sq-leads-neutral-option-card-lock)::before { background: color-mix(in srgb, var(--sq-option-accent) 88%, var(--ink)) !important; border-radius: 1px !important; display: none !important; height: 5px !important; opacity: .94 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-tab.is-selected:not(.is-unavailable) .quote-selection-label :is(span,small,strong,em):not(#sq-leads-neutral-option-card-lock) { color: inherit !important; text-shadow: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions.has-reprice-action.has-two-actions):not(#sq-leads-scenario-action-rail-lock) { grid-template-columns: max-content minmax(0, 1fr) 198px max-content !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields > .editor-section-summary:has(.scenario-summary-actions):not(#sq-leads-scenario-action-rail-lock) { grid-template-columns: max-content minmax(0, 1fr) 198px max-content !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions:not(#sq-leads-scenario-action-rail-lock) { align-items: center !important; align-self: center !important; display: grid !important; gap: 6px !important; grid-auto-flow: row !important; grid-template-columns: 82px 52px 52px !important; grid-column: 3 !important; grid-row: 1 !important; justify-content: end !important; justify-self: end !important; margin: 0 !important; transform: none !important; width: 198px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action.has-two-actions:not(#sq-leads-scenario-action-rail-lock) { grid-template-columns: 82px 52px 52px !important; width: 198px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action:has(.va-eligibility-toggle):not(.has-two-actions):not(#sq-leads-scenario-action-rail-lock) { grid-template-columns: 82px 52px 52px !important; width: 198px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-reprice-action:not(:has(.va-eligibility-toggle)):not(#sq-leads-scenario-action-rail-lock) { grid-template-columns: 82px 52px 52px !important; width: 198px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions.has-two-actions:not(.has-reprice-action):not(#sq-leads-scenario-action-rail-lock) { grid-template-columns: 82px 52px 52px !important; width: 198px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions :is(.scenario-reprice-anchor,.scenario-reprice-button,.va-eligibility-toggle):not(#sq-leads-scenario-action-button-lock) { align-items: center !important; align-self: center !important; border-radius: 8px !important; box-sizing: border-box !important; display: inline-flex !important; font-family: inherit !important; font-size: 12px !important; font-style: normal !important; font-weight: 750 !important; height: 35px !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1 !important; margin: 0 !important; min-height: 35px !important; padding: 0 10px !important; text-transform: none !important; top: auto !important; transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .scenario-reprice-anchor:not(#sq-leads-scenario-action-button-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .scenario-reprice-button:not(#sq-leads-scenario-action-button-lock) { grid-column: 1 !important; max-width: 82px !important; min-width: 82px !important; width: 82px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(#sq-leads-scenario-action-button-lock) { max-width: 52px !important; min-width: 52px !important; width: 52px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions .va-eligibility-toggle:not(#sq-leads-expanded-scenario-fha-va-offset-lock) { position: relative !important; top: -4px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle:not(#sq-leads-scenario-action-button-lock) { grid-column: 2 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.fha-streamline-toggle):not(#sq-leads-scenario-action-button-lock) { grid-column: 3 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .scenario-reprice-button:not(#sq-leads-scenario-action-button-lock) { background: linear-gradient(180deg, color-mix(in srgb, var(--red) 7%, #fff), color-mix(in srgb, var(--red) 3%, #fff)) !important; border: 1px solid color-mix(in srgb, var(--red) 34%, var(--line)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 1px 2px rgba(16,24,32,.06) !important; color: color-mix(in srgb, var(--red) 82%, var(--ink)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(#sq-leads-scenario-action-button-lock) { background: linear-gradient(180deg, color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 10%, #fff), color-mix(in srgb, var(--primary) 4%, #fff)) !important; border: 1px solid color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 38%, var(--line)) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 1px 2px rgba(16,24,32,.06) !important; color: color-mix(in srgb, var(--ink) 86%, var(--primary)) !important; font-family: inherit !important; font-size: 12px !important; font-style: normal !important; font-weight: 750 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.fha-streamline-toggle):is(.active,[aria-pressed="true"]):not(#sq-leads-scenario-action-button-lock) { background: var(--va-active-bg) !important; background-color: var(--va-active-bg) !important; border-color: var(--va-active-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 2px 7px color-mix(in srgb, var(--va-active-bg) 28%, transparent) !important; color: var(--va-active-text) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .fha-streamline-toggle:is(.active,[aria-pressed="true"]):not(#sq-leads-scenario-action-button-lock) { background: linear-gradient(180deg, #4f93e8, #2f6ed4) !important; background-color: #2f6ed4 !important; border-color: #2f6ed4 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 2px 7px rgba(47,110,212,.26) !important; color: #fff !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions :is(.scenario-reprice-button,.va-eligibility-toggle):is(:hover,:focus,:focus-visible):not(#sq-leads-scenario-action-button-lock) { border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 58%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 0 0 2px color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 15%, transparent) !important; outline: 0 !important; transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .scenario-reprice-button:is(:hover,:focus,:focus-visible):not(#sq-leads-scenario-action-button-lock) { background: linear-gradient(180deg, color-mix(in srgb, var(--red) 10%, #fff), color-mix(in srgb, var(--red) 5%, #fff)) !important; border-color: color-mix(in srgb, var(--red) 46%, var(--line)) !important; color: color-mix(in srgb, var(--red) 88%, var(--ink)) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .scenario-reprice-button:is(.is-reprice-working,:disabled):not(#sq-leads-scenario-action-button-lock) { background: linear-gradient(180deg, color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 16%, #fff), color-mix(in srgb, var(--primary) 6%, #fff)) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 44%, var(--line)) !important; color: color-mix(in srgb, var(--primary) 78%, var(--ink)) !important; cursor: wait !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle .va-logo-mark:not(#sq-leads-scenario-action-button-lock) { color: inherit !important; font-size: 12px !important; font-style: normal !important; font-weight: 750 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; top: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is([data-lead-editor-card="property"][open],[data-lead-editor-card="loanScenario"][open]):not(#sq-leads-top-window-field-polish-lock) { --sq-top-window-label: color-mix(in srgb, var(--ink) 58%, var(--primary)); --sq-top-window-value: color-mix(in srgb, var(--ink) 94%, var(--primary)); --sq-top-window-field: color-mix(in srgb, #fff 90%, var(--paper)); --sq-top-window-border: color-mix(in srgb, #d7e5ef 84%, var(--line)); } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is([data-lead-editor-card="property"][open],[data-lead-editor-card="loanScenario"][open]) > .editor-section-summary > span:first-child:not(#sq-leads-top-window-field-polish-lock) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 60%, var(--primary)) !important; font-family: inherit !important; font-size: 16px !important; font-style: normal !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is( [data-lead-editor-card="property"][open] .editor-section-body label, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body label ):not(#sq-leads-top-window-field-polish-lock) { color: var(--sq-top-window-label) !important; font-family: inherit !important; font-size: 11px !important; font-style: normal !important; font-weight: 650 !important; gap: 5px !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is( [data-lead-editor-card="property"][open] .editor-section-body input, [data-lead-editor-card="property"][open] .editor-section-body select, [data-lead-editor-card="property"][open] .editor-section-body textarea, [data-lead-editor-card="property"][open] .editor-choice-shell .custom-choice-menu strong, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body input, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body select, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body textarea, [data-lead-editor-card="loanScenario"][open] .editor-choice-shell .custom-choice-menu strong ):not(#sq-leads-top-window-field-polish-lock) { color: var(--sq-top-window-value) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.18 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid [data-lead-editor-card="property"][open] .editor-section-body label:not(.county-field-error):not(.zillow-updated-field) input:not(#sq-leads-top-window-field-polish-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid [data-lead-editor-card="loanScenario"][open] .lead-scenario-body label:not(.scenario-field-error):not(.scenario-field-empty):not(.scenario-ltv-safe):not(.scenario-ltv-caution):not(.scenario-ltv-alert):not(.scenario-fico-safe):not(.scenario-fico-caution):not(.scenario-fico-alert):not(.zillow-updated-field) input:not(#sq-leads-top-window-field-polish-lock) { background: var(--sq-top-window-field) !important; border-color: var(--sq-top-window-border) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid [data-lead-editor-card="property"][open] .editor-section-body label:not(.zillow-updated-select-field) .editor-choice-shell .custom-choice-menu summary:not(#sq-leads-top-window-field-polish-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid [data-lead-editor-card="loanScenario"][open] .lead-scenario-body label .editor-choice-shell .custom-choice-menu summary:not(#sq-leads-top-window-field-polish-lock) { background: var(--sq-top-window-field) !important; border-color: var(--sq-top-window-border) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76) !important; min-height: 34px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is( [data-lead-editor-card="property"][open], [data-lead-editor-card="loanScenario"][open] ) .editor-choice-shell .quick-choice-options button:not(#sq-leads-top-window-field-polish-lock) { font-family: inherit !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is( [data-lead-editor-card="property"][open] .editor-section-body input, [data-lead-editor-card="property"][open] .editor-choice-shell .custom-choice-menu summary, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body input, [data-lead-editor-card="loanScenario"][open] .editor-choice-shell .custom-choice-menu summary ):is(:hover,:focus,:focus-visible):not(#sq-leads-top-window-field-polish-lock) { border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 50%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 0 0 2px color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 14%, transparent) !important; outline: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu strong:not(#sq-leads-property-summary-font-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .property-type-label-full:not(#sq-leads-property-summary-font-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .property-type-label-short:not(#sq-leads-property-summary-font-lock) { color: color-mix(in srgb, var(--ink) 88%, var(--primary)) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 750 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options button:not(#sq-leads-property-summary-font-lock) { font-family: inherit !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span:not(#sq-leads-property-summary-font-lock) { color: color-mix(in srgb, var(--ink) 88%, var(--primary)) !important; font-family: inherit !important; font-size: 12px !important; font-style: normal !important; font-weight: 750 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-input:not(#sq-leads-property-summary-font-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-county-input:not(#sq-leads-property-summary-font-lock) { color: var(--ink) !important; font-family: inherit !important; font-size: 12px !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; } .quote-preview-toolbar .quote-preview-control-groups:not(#sq-quote-controls-lower-balance-lock) { margin-top: 12px !important; } .quote-preview-toolbar .quote-preview-control-groups:not(#sq-quote-controls-lower-balance-lock)::after { min-height: 6px !important; } /* Settings Branding identity grid: use the Company NMLS row instead of leaving dead space. */ body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-identity-section .account-license-field-grid:not(#sq-branding-identity-grid-fit-lock) { gap: 8px 12px !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-identity-section .account-license-field-grid > label:not(.account-license-check):not(#sq-branding-identity-grid-fit-lock) { gap: 3px !important; } @media (min-width: 900px) { body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"][open] .account-license-identity-section .account-license-field-grid:not(#sq-branding-identity-grid-fit-lock) { grid-template-columns: repeat(4,minmax(0,1fr)) !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"][open] .account-license-identity-section .account-company-nmls:not(#sq-branding-identity-grid-fit-lock) { grid-column: 1 !important; grid-row: 3 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"][open] .account-license-identity-section .account-correspondent-only:not(#sq-branding-identity-grid-fit-lock) { align-self: end !important; grid-column: 2 / 4 !important; grid-row: 3 !important; min-height: 50px !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"][open] .account-license-identity-section .account-license-full:not(#sq-branding-identity-grid-fit-lock) { grid-column: 1 / -1 !important; grid-row: 4 !important; } } /* Settings approval breakpoint: below the 1478px review width, every settings window becomes one full-width lane. */ @media (max-width: 1477px) { body[data-app-view="settings"] .settings-card .settings-accordion-stack:not(#sq-settings-1478-one-lane-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="settings"] .settings-card .settings-accordion-column:not(#sq-settings-1478-one-lane-lock) { align-content: start !important; display: contents !important; min-width: 0 !important; } body[data-app-view="settings"] .settings-card .settings-accordion:not(#sq-settings-1478-one-lane-lock) { grid-column: 1 / -1 !important; max-width: none !important; width: 100% !important; } body[data-app-view="settings"] .settings-card .settings-accordion[open] :is( .setup-guide-grid, .account-license-field-grid, .account-quote-action-link-grid, .account-verification-summary, .workspace-color-form, .workspace-font-form, .settings-brand-color-row, .settings-preset-strip, .billing-summary-grid, .billing-plan-grid ):not(#sq-settings-1478-one-lane-lock) { grid-template-columns: minmax(0,1fr) !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"][open] .account-license-identity-section :is( .account-company-nmls, .account-correspondent-only, .account-license-full ):not(#sq-settings-1478-one-lane-lock) { grid-column: 1 / -1 !important; grid-row: auto !important; min-height: 0 !important; } } /* Leads typography rollout stage 1 final layer: stronger form labels and editable values, without option cards, comp, or rate summaries. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) { --sq-leads-stage1-label: color-mix(in srgb, var(--primary) 82%, var(--ink)); --sq-leads-stage1-value: color-mix(in srgb, var(--ink) 96%, var(--primary)); } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is( [data-lead-editor-card="property"][open] .editor-section-body label, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body label ):not(#sq-leads-typography-stage1-lock) { color: var(--sq-leads-stage1-label) !important; font-size: 11px !important; font-weight: 750 !important; line-height: 1.08 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is( [data-lead-editor-card="property"][open] .editor-section-body input, [data-lead-editor-card="property"][open] .editor-section-body select, [data-lead-editor-card="property"][open] .editor-choice-shell .custom-choice-menu strong, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body input, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body select, [data-lead-editor-card="loanScenario"][open] .editor-choice-shell .custom-choice-menu strong ):not(#sq-leads-typography-stage1-lock) { color: var(--sq-leads-stage1-value) !important; font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.16 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls label > span:first-child:not(.custom-choice-shell):not(#sq-leads-typography-stage1-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-term-label-row > span:first-child:not(#sq-leads-typography-stage1-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span:not(#sq-leads-typography-stage1-lock) { color: var(--sq-leads-stage1-label) !important; font-size: 11px !important; font-weight: 750 !important; line-height: 1.08 !important; text-transform: uppercase !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls :is(.mini-product-choice-shell .custom-choice-menu strong,.mini-static-control):not(#sq-leads-typography-stage1-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan :is(strong,input):not(#sq-leads-typography-stage1-lock) { color: var(--sq-leads-stage1-value) !important; font-size: 14px !important; font-weight: 650 !important; line-height: 1.16 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-loan-amount-actions :is(.mini-roll-loan-toggle,.mini-formal-loan-toggle,.scenario-reprice-button):not(#sq-leads-typography-stage1-lock) { font-size: 11.5px !important; font-weight: 650 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail > span,.lead-panel-piggyback-split-labels span,.lead-panel-piggyback-ratio-tile > span,.lead-panel-piggyback-ratio-mini > span):not(#sq-leads-typography-stage1-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .editor-section-summary small:not(#sq-leads-typography-stage1-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .status-choice-section h4:not(#sq-leads-typography-stage1-lock) { color: var(--sq-leads-stage1-label) !important; font-size: 10.5px !important; font-weight: 750 !important; line-height: 1.08 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail input,.quick-detail select,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input):not(#sq-leads-typography-stage1-lock), body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-readiness-status strong,.lead-panel-readiness-status .meta,.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button):not(#sq-leads-typography-stage1-lock) { color: var(--sq-leads-stage1-value) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.16 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:not(#sq-leads-typography-stage1-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-inline-tab:not(#sq-leads-typography-stage1-lock) { font-size: 15px !important; font-weight: 750 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-notes-appointment-pill:not(#sq-leads-typography-stage1-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon small:not(#sq-leads-typography-stage1-lock) { font-weight: 700 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail > span,.lead-panel-piggyback-split-labels span,.lead-panel-piggyback-ratio-tile > span,.lead-panel-piggyback-ratio-mini > span):not(#sq-leads-side-pane-caption-case-lock) { text-transform: none !important; } /* Leads typography rollout stage 2: give Status/Readiness text the same confident weight as the refreshed fields. */ body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-pill,.lead-panel-readiness-status,.lead-panel-status-inline-field,.lead-panel-status-log-preview-button):not(#sq-leads-status-type-stage2-lock) { color: var(--label-tab-accent, #5aaef4) !important; font-family: inherit !important; font-size: 13px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-pill span:not(#sq-leads-status-type-stage2-lock), body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-readiness-status strong,.lead-panel-readiness-status .meta,.lead-panel-status-log-preview-button .lead-panel-log-preview):not(#sq-leads-status-type-stage2-lock) { color: currentColor !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.12 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice:not(#sq-leads-status-type-stage2-lock) { color: color-mix(in srgb, var(--ink) 92%, var(--primary)) !important; font-size: 12px !important; font-weight: 650 !important; letter-spacing: 0 !important; min-height: 31px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice span:not(#sq-leads-status-type-stage2-lock) { color: currentColor !important; font-size: 12px !important; font-weight: 650 !important; line-height: 1.05 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice.is-selected:not(#sq-leads-status-type-stage2-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice.is-selected span:not(#sq-leads-status-type-stage2-lock) { font-weight: 750 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-readiness-status.pass:not(#sq-leads-status-type-stage2-lock) { color: color-mix(in srgb, #0f6140 78%, var(--ink)) !important; } /* Expanded Scenario action rail: nudge Reprice up to visually align with FHA/VA. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions .scenario-reprice-button:not(#sq-leads-expanded-scenario-reprice-offset-lock) { position: relative !important; top: -2px !important; } /* Expanded Scenario field tone cleanup: keep FICO/LTV/CLTV colors in the side pane, not the main Scenario form inputs. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack) .lead-editor-grid [data-lead-editor-card="loanScenario"][open] .lead-scenario-body :is( .scenario-field-fico, .scenario-field-ltv, .scenario-field-cltv, .scenario-field-ratio-pair ):is(.scenario-fico-safe,.scenario-fico-caution,.scenario-fico-alert,.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) input:not(:focus):not(#sq-leads-scenario-tone-neutral-lock) { background: var(--sq-top-window-field, color-mix(in srgb, #fff 90%, var(--paper))) !important; border-color: var(--sq-top-window-border, color-mix(in srgb, #d7e5ef 84%, var(--line))) !important; } /* Leads typography rollout stage 3: lighter framed mortgage labels, bolder preset chips. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-leads-mortgage-label-weight-stage3-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-presets-summary .pricing-presets-title:not(#sq-leads-mortgage-label-weight-stage3-lock) { font-weight: 650 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .mini-snapshot-presets-drawer .pricing-preset-preview-row :is(.mini-preset-auto-mood.is-preview-display,.pricing-preset-lender-cycle,.pricing-preset-option-count):not(#sq-leads-preset-chip-weight-stage3-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .mini-snapshot-presets-drawer .pricing-preset-preview-row :is(.mini-preset-auto-mood.is-preview-display,.pricing-preset-lender-cycle,.pricing-preset-option-count):not(#sq-leads-preset-chip-weight-stage3-lock) :is(em,span,.mini-preset-lender-name,.mini-preset-auto-text,.mini-preset-lender-text) { font-weight: 800 !important; } /* Leads typography rollout stage 4: selected pane borrower/contact header. */ body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-name-row .name-link:not(#sq-leads-pane-header-type-stage4-lock) { color: color-mix(in srgb, var(--ink) 96%, var(--primary)) !important; font-size: clamp(20px, 7.8cqw, 25px) !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.04 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact:not(#sq-leads-pane-header-type-stage4-lock) { color: color-mix(in srgb, var(--primary) 70%, var(--ink)) !important; font-size: 13.5px !important; font-weight: 600 !important; gap: 2px !important; letter-spacing: 0 !important; line-height: 1.24 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact > :is(a,span):not(.selected-lead-contact-chips):not(#sq-leads-pane-header-type-stage4-lock) { color: currentColor !important; font-size: 13.5px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.24 !important; text-decoration: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact > :is(.phone-link,.inline-link):not(#sq-leads-pane-header-type-stage4-lock) { color: color-mix(in srgb, var(--primary) 78%, var(--accent)) !important; font-weight: 650 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact > .borrower-email-link:not(#sq-leads-pane-header-type-stage4-lock) { color: color-mix(in srgb, var(--primary) 64%, var(--ink)) !important; font-size: 13px !important; font-weight: 550 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact > :is(a,span):not(.selected-lead-contact-chips):is(:hover,:focus-visible):not(#sq-leads-pane-header-type-stage4-lock) { color: color-mix(in srgb, var(--accent) 88%, var(--primary)) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 2px !important; } /* Leads typography rollout stage 5: Product/Term dropdown option values. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button:not(#sq-leads-product-dropdown-type-stage5-lock) { color: color-mix(in srgb, var(--ink) 92%, var(--primary)) !important; font-size: 13.5px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.12 !important; min-height: 32px !important; padding: 8px 10px !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button.active:not(#sq-leads-product-dropdown-type-stage5-lock) { background: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 18%, #fff) !important; color: color-mix(in srgb, var(--primary) 82%, var(--ink)) !important; font-weight: 700 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button:is(:hover,:focus-visible):not(#sq-leads-product-dropdown-type-stage5-lock) { background: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 14%, #fff) !important; color: color-mix(in srgb, var(--accent) 88%, var(--primary)) !important; } /* Leads typography rollout stage 6: keep mortgage field captions out of all caps. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls label > span:first-child:not(.custom-choice-shell):not(#sq-leads-field-caption-case-stage6-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-term-label-row > span:first-child:not(#sq-leads-field-caption-case-stage6-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span:not(#sq-leads-field-caption-case-stage6-lock) { text-transform: none !important; } /* Leads typography rollout stage 7: lower rate summary and itemization text only. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary:not(#sq-leads-lower-rate-type-stage7-lock) { --sq-lower-rate-label: color-mix(in srgb, var(--ink) 78%, var(--primary)); --sq-lower-rate-value: color-mix(in srgb, var(--ink) 96%, var(--primary)); --sq-lower-rate-muted: color-mix(in srgb, var(--ink) 66%, var(--muted)); } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-price-copy > strong:not(#sq-leads-lower-rate-type-stage7-lock) { color: var(--sq-lower-rate-value, var(--ink)) !important; font-weight: 650 !important; letter-spacing: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-rate-details :is(span,b,em):not(#sq-leads-lower-rate-type-stage7-lock) { color: var(--sq-lower-rate-muted, color-mix(in srgb, var(--ink) 72%, var(--muted))) !important; font-weight: 550 !important; letter-spacing: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-rate-details .mini-rate-detail-value:not(#sq-leads-lower-rate-type-stage7-lock) { color: var(--sq-lower-rate-value, var(--ink)) !important; font-weight: 700 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:not(.is-fees-drilldown):not(.is-escrow-drilldown) > span:not(#sq-leads-lower-rate-type-stage7-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown:not([open]) > summary > span:first-child:not(#sq-leads-lower-rate-type-stage7-lock) { color: var(--sq-lower-rate-label, color-mix(in srgb, var(--ink) 78%, var(--primary))) !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:not(.is-fees-drilldown):not(.is-escrow-drilldown) > :is(strong,input):not(#sq-leads-lower-rate-type-stage7-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown:not([open]) > summary > :is(strong,input):not(#sq-leads-lower-rate-type-stage7-lock) { color: var(--sq-lower-rate-value, var(--ink)) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.1 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row.is-summary-row:not(.is-fees-drilldown):not(.is-escrow-drilldown) > span:not(#sq-leads-lower-rate-type-stage7-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row.is-summary-row:not(.is-fees-drilldown):not(.is-escrow-drilldown) > :is(strong,input):not(#sq-leads-lower-rate-type-stage7-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown.is-summary-row:not([open]) > summary > :is(span,strong,input):not(#sq-leads-lower-rate-type-stage7-lock) { font-weight: 750 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown-rows.quote-breakdown-rows > div > span:not(#sq-leads-lower-rate-type-stage7-lock) { color: color-mix(in srgb, var(--sq-lower-rate-label, var(--ink)) 84%, var(--muted)) !important; font-size: 12.5px !important; font-weight: 550 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown-rows.quote-breakdown-rows > div > :is(strong,input):not(#sq-leads-lower-rate-type-stage7-lock) { color: var(--sq-lower-rate-value, var(--ink)) !important; font-size: 13px !important; font-weight: 650 !important; letter-spacing: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet th:not(#sq-leads-lower-rate-type-stage7-lock) { color: color-mix(in srgb, var(--ink) 76%, var(--primary)) !important; font-weight: 750 !important; letter-spacing: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet tbody :is(.mini-rate-value,.mini-pts-value,.mini-cost-value,.mini-cost-dollar-value,.mini-payment-value):not(#sq-leads-lower-rate-type-stage7-lock) { color: var(--ink) !important; font-weight: 650 !important; letter-spacing: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet tbody .mini-rate-value:not(#sq-leads-lower-rate-type-stage7-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet tbody .selected-rate-row :is(.mini-rate-value,.mini-payment-value):not(#sq-leads-lower-rate-type-stage7-lock) { font-weight: 750 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-section-shell > .quote-breakdown-section summary :is(span,strong):not(#sq-leads-lower-rate-type-stage7-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-cockpit-detail-stack .quote-breakdown-section summary :is(span,strong):not(#sq-leads-lower-rate-type-stage7-lock) { color: color-mix(in srgb, var(--ink) 88%, var(--primary)) !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; } /* Leads typography rollout stage 8: dark-mode contrast recovery after the light-mode polish layers. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) { --sq-dark-polish-text: var(--lead-dark-text, #edf5fb); --sq-dark-polish-muted: color-mix(in srgb, var(--lead-dark-text, #edf5fb) 70%, var(--lead-dark-muted, #8fa6bb)); --sq-dark-polish-caption: color-mix(in srgb, #8fc8ff 78%, var(--lead-dark-text, #edf5fb)); --sq-dark-polish-light-text: #071523; --sq-dark-polish-light-muted: #24425d; --sq-dark-polish-light-caption: #2f69d8; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-name-row .name-link:not(#sq-leads-dark-polish-stage8-lock) { color: var(--sq-dark-polish-text) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact:not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact > :is(a,span):not(.selected-lead-contact-chips):not(#sq-leads-dark-polish-stage8-lock) { color: color-mix(in srgb, #7cb9ff 82%, var(--sq-dark-polish-text)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail > span,.lead-panel-piggyback-split-labels span,.lead-panel-piggyback-ratio-tile > span,.lead-panel-piggyback-ratio-mini > span):not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .editor-section-summary small:not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .status-choice-section h4:not(#sq-leads-dark-polish-stage8-lock) { color: var(--sq-dark-polish-light-caption) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail input,.quick-detail select,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input):not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-pill,.lead-panel-status-pill span,.lead-panel-readiness-status,.lead-panel-readiness-status strong,.lead-panel-readiness-status .meta,.lead-panel-status-inline-field,.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button):not(#sq-leads-dark-polish-stage8-lock) { color: var(--sq-dark-polish-light-text) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-inline-tab:not(#sq-leads-dark-polish-stage8-lock) { color: var(--sq-dark-polish-light-text) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon:not(#sq-leads-dark-polish-stage8-lock) { color: color-mix(in srgb, var(--sq-dark-polish-light-text) 82%, #1d7cc1) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon small:not(#sq-leads-dark-polish-stage8-lock) { color: currentColor !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls label > span:first-child:not(.custom-choice-shell):not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-term-label-row > span:first-child:not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span:not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-second-loan-amount-tile > span:not(#sq-leads-dark-polish-stage8-lock) { color: var(--sq-dark-polish-light-caption) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls :is(.mini-product-choice-shell .custom-choice-menu strong,.mini-static-control):not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan :is(strong,input):not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-second-loan-amount-tile :is(strong,input):not(#sq-leads-dark-polish-stage8-lock) { color: var(--sq-dark-polish-light-text) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button:not(#sq-leads-dark-polish-stage8-lock) { color: var(--sq-dark-polish-light-text) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button.active:not(#sq-leads-dark-polish-stage8-lock) { color: color-mix(in srgb, #0b56b3 82%, var(--sq-dark-polish-light-text)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary:not(#sq-leads-dark-polish-stage8-lock) { --sq-lower-rate-label: color-mix(in srgb, var(--sq-dark-polish-text) 88%, #7cb9ff); --sq-lower-rate-value: #ffffff; --sq-lower-rate-muted: var(--sq-dark-polish-muted); color: var(--sq-dark-polish-text) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-price-copy > strong:not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-rate-details .mini-rate-detail-value:not(#sq-leads-dark-polish-stage8-lock) { color: #ffffff !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-rate-details :is(span,b,em):not(#sq-leads-dark-polish-stage8-lock) { color: var(--sq-dark-polish-muted) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:not(.is-fees-drilldown):not(.is-escrow-drilldown) > span:not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown:not([open]) > summary > span:first-child:not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown-rows.quote-breakdown-rows > div > span:not(#sq-leads-dark-polish-stage8-lock) { color: var(--sq-lower-rate-label) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:not(.is-fees-drilldown):not(.is-escrow-drilldown) > :is(strong,input):not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown:not([open]) > summary > :is(strong,input):not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown-rows.quote-breakdown-rows > div > :is(strong,input):not(#sq-leads-dark-polish-stage8-lock) { color: var(--sq-lower-rate-value) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet th:not(#sq-leads-dark-polish-stage8-lock) { color: color-mix(in srgb, var(--sq-dark-polish-text) 78%, #7cb9ff) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet tbody :is(.mini-rate-value,.mini-pts-value,.mini-cost-value,.mini-cost-dollar-value,.mini-payment-value):not(#sq-leads-dark-polish-stage8-lock) { color: var(--sq-dark-polish-text) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-section-shell > .quote-breakdown-section summary :is(span,strong):not(#sq-leads-dark-polish-stage8-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-cockpit-detail-stack .quote-breakdown-section summary :is(span,strong):not(#sq-leads-dark-polish-stage8-lock) { color: var(--sq-dark-polish-text) !important; } /* Leads typography rollout stage 9: restore cost/credit value tone in lower pricing sections. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-fee-itemization-row.cost,.quote-breakdown-row.is-cost) > :is(strong,input):not(#sq-leads-cost-credit-tone-stage9-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-fee-itemization-row.cost,.quote-breakdown-row.is-cost) > summary > :is(strong,input):not(#sq-leads-cost-credit-tone-stage9-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet tbody :is(.mini-cost-dollar-value.cost,.mini-cost-value.cost):not(#sq-leads-cost-credit-tone-stage9-lock) { color: #b42318 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-fee-itemization-row.credit,.quote-breakdown-row.is-credit) > :is(strong,input):not(#sq-leads-cost-credit-tone-stage9-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-fee-itemization-row.credit,.quote-breakdown-row.is-credit) > summary > :is(strong,input):not(#sq-leads-cost-credit-tone-stage9-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet tbody :is(.mini-cost-dollar-value.credit,.mini-cost-value.credit):not(#sq-leads-cost-credit-tone-stage9-lock) { color: #0d7a3a !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-fee-itemization-row.cost,.quote-breakdown-row.is-cost) > :is(strong,input):not(#sq-leads-cost-credit-tone-stage9-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-fee-itemization-row.cost,.quote-breakdown-row.is-cost) > summary > :is(strong,input):not(#sq-leads-cost-credit-tone-stage9-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet tbody :is(.mini-cost-dollar-value.cost,.mini-cost-value.cost):not(#sq-leads-cost-credit-tone-stage9-lock) { color: #ff6b6b !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-fee-itemization-row.credit,.quote-breakdown-row.is-credit) > :is(strong,input):not(#sq-leads-cost-credit-tone-stage9-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-fee-itemization-row.credit,.quote-breakdown-row.is-credit) > summary > :is(strong,input):not(#sq-leads-cost-credit-tone-stage9-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet tbody :is(.mini-cost-dollar-value.credit,.mini-cost-value.credit):not(#sq-leads-cost-credit-tone-stage9-lock) { color: #69e6a1 !important; } /* Leads typography rollout stage 10: add-ons drawer label/value polish. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer > summary .mini-addons-summary-title:not(#sq-leads-addons-type-stage10-lock) { color: color-mix(in srgb, var(--ink) 92%, var(--primary)) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer > summary .mini-addons-summary-title :is(b,em):not(#sq-leads-addons-type-stage10-lock) { color: currentColor !important; font-size: inherit !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer > summary .mini-addons-summary-value b:not(#sq-leads-addons-type-stage10-lock) { font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer > summary .mini-addons-summary-value:not(#sq-leads-addons-type-stage10-lock) { column-gap: 10px !important; gap: 10px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer > summary .mini-addons-summary-value .mini-addons-summary-product:not(#sq-leads-addons-type-stage10-lock) { color: color-mix(in srgb, var(--ink) 88%, var(--primary)) !important; display: inline !important; font-size: 12.5px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; margin-right: 2px !important; text-transform: none !important; white-space: nowrap !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer .eligibility-addon-list span:not(#sq-leads-addons-type-stage10-lock) { color: color-mix(in srgb, var(--ink) 86%, var(--primary)) !important; font-size: 11.5px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer .eligibility-addon-list span em:not(#sq-leads-addons-type-stage10-lock) { color: currentColor !important; font-size: inherit !important; font-style: normal !important; font-weight: inherit !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer .eligibility-addon-list strong:not(#sq-leads-addons-type-stage10-lock) { font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: 0 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer .eligibility-addon-row.is-base-row span:not(#sq-leads-addons-type-stage10-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer .eligibility-addon-row.is-net-row span:not(#sq-leads-addons-type-stage10-lock) { font-weight: 750 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer > summary .mini-addons-summary-title:not(#sq-leads-addons-type-stage10-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer > summary .mini-addons-summary-title :is(b,em):not(#sq-leads-addons-type-stage10-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer > summary .mini-addons-summary-value .mini-addons-summary-product:not(#sq-leads-addons-type-stage10-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer .eligibility-addon-list span:not(#sq-leads-addons-type-stage10-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer .eligibility-addon-list span em:not(#sq-leads-addons-type-stage10-lock) { color: color-mix(in srgb, var(--lead-dark-text, #edf5fb) 88%, #8fc8ff) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer .eligibility-addon-list strong:not(#sq-leads-addons-type-stage10-lock) { color: #ffffff !important; } /* Leads pricing value tone final pass: keep non-zero cost/credit values colored after summary-row polish. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row.cost > :is(strong,input):not(#sq-leads-fee-tone-final-stage11-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row.cost > :is(strong,input) *:not(#sq-leads-fee-tone-final-stage11-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown.cost:not([open]) > summary > :is(strong,input):not(#sq-leads-fee-tone-final-stage11-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-cost > :is(strong,input):not(#sq-leads-fee-tone-final-stage11-lock) { color: #b42318 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row.credit > :is(strong,input):not(#sq-leads-fee-tone-final-stage11-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row.credit > :is(strong,input) *:not(#sq-leads-fee-tone-final-stage11-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown.credit:not([open]) > summary > :is(strong,input):not(#sq-leads-fee-tone-final-stage11-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-credit > :is(strong,input):not(#sq-leads-fee-tone-final-stage11-lock) { color: #0d7a3a !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row.cost > :is(strong,input):not(#sq-leads-fee-tone-final-stage11-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row.cost > :is(strong,input) *:not(#sq-leads-fee-tone-final-stage11-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown.cost:not([open]) > summary > :is(strong,input):not(#sq-leads-fee-tone-final-stage11-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-cost > :is(strong,input):not(#sq-leads-fee-tone-final-stage11-lock) { color: #ff6b6b !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row.credit > :is(strong,input):not(#sq-leads-fee-tone-final-stage11-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row.credit > :is(strong,input) *:not(#sq-leads-fee-tone-final-stage11-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown.credit:not([open]) > summary > :is(strong,input):not(#sq-leads-fee-tone-final-stage11-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-credit > :is(strong,input):not(#sq-leads-fee-tone-final-stage11-lock) { color: #69e6a1 !important; } /* Leads itemization context row polish: align Estimated Payoff modes with the newer row rhythm. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization > .mini-fee-itemization-row.par:not(.is-summary-row):not(.mini-fee-drilldown):not(.is-placeholder) > span:not(#sq-leads-context-row-type-stage12-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization > .mini-fee-itemization-row.par:not(.is-summary-row):not(.mini-fee-drilldown):not(.is-placeholder) > .mini-row-label-with-toggle:not(#sq-leads-context-row-type-stage12-lock) { color: var(--sq-lower-rate-label, color-mix(in srgb, var(--ink) 80%, var(--primary))) !important; font-size: 12.5px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization > .mini-fee-itemization-row.par:not(.is-summary-row):not(.mini-fee-drilldown):not(.is-placeholder) > :is(strong,input):not(#sq-leads-context-row-type-stage12-lock) { color: var(--sq-lower-rate-value, var(--ink)) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.1 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization > .mini-fee-itemization-row.par:not(.is-summary-row):not(.mini-fee-drilldown):not(.is-placeholder) > span:not(#sq-leads-context-row-type-stage12-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization > .mini-fee-itemization-row.par:not(.is-summary-row):not(.mini-fee-drilldown):not(.is-placeholder) > .mini-row-label-with-toggle:not(#sq-leads-context-row-type-stage12-lock) { color: var(--sq-lower-rate-label, color-mix(in srgb, var(--lead-dark-text, #edf5fb) 88%, #7cb9ff)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization > .mini-fee-itemization-row.par:not(.is-summary-row):not(.mini-fee-drilldown):not(.is-placeholder) > :is(strong,input):not(#sq-leads-context-row-type-stage12-lock) { color: var(--sq-lower-rate-value, #ffffff) !important; } /* Leads itemization value tone hard lock: card summary values win over late typography layers. */ body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:is(.cost,.is-discount-points-value) > :is(strong,input):not(#sq-leads-itemization-tone-hard-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:is(.cost,.is-discount-points-value) > :is(strong,input) *:not(#sq-leads-itemization-tone-hard-lock) { color: #b42318 !important; } body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:is(.credit,.is-lender-credit-value,.is-seller-credit-value,.is-second-loan-proceeds-value) > :is(strong,input):not(#sq-leads-itemization-tone-hard-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:is(.credit,.is-lender-credit-value,.is-seller-credit-value,.is-second-loan-proceeds-value) > :is(strong,input) *:not(#sq-leads-itemization-tone-hard-lock) { color: #0d7a3a !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:is(.cost,.is-discount-points-value) > :is(strong,input):not(#sq-leads-itemization-tone-hard-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:is(.cost,.is-discount-points-value) > :is(strong,input) *:not(#sq-leads-itemization-tone-hard-lock) { color: #ff6b6b !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:is(.credit,.is-lender-credit-value,.is-seller-credit-value,.is-second-loan-proceeds-value) > :is(strong,input):not(#sq-leads-itemization-tone-hard-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:is(.credit,.is-lender-credit-value,.is-seller-credit-value,.is-second-loan-proceeds-value) > :is(strong,input) *:not(#sq-leads-itemization-tone-hard-lock) { color: #69e6a1 !important; } /* Mini fee value tone lock: value element carries tone, so hydration/sign normalization cannot drop color. */ .workspace .mini-fee-itemization-row > .mini-fee-value.cost:not(#sq-mini-fee-value-tone-lock), .workspace .mini-fee-itemization-row > .mini-fee-value.cost *:not(#sq-mini-fee-value-tone-lock) { color: #b42318 !important; } .workspace .mini-fee-itemization-row > .mini-fee-value.credit:not(#sq-mini-fee-value-tone-lock), .workspace .mini-fee-itemization-row > .mini-fee-value.credit *:not(#sq-mini-fee-value-tone-lock) { color: #0d7a3a !important; } .workspace .mini-fee-itemization-row > .mini-fee-value.par:not(#sq-mini-fee-value-tone-lock) { color: var(--ink) !important; } html[data-theme="dark"] body .workspace .mini-fee-itemization-row > .mini-fee-value.cost:not(#sq-mini-fee-value-tone-lock), html[data-theme="dark"] body .workspace .mini-fee-itemization-row > .mini-fee-value.cost *:not(#sq-mini-fee-value-tone-lock) { color: #ff6b6b !important; } html[data-theme="dark"] body .workspace .mini-fee-itemization-row > .mini-fee-value.credit:not(#sq-mini-fee-value-tone-lock), html[data-theme="dark"] body .workspace .mini-fee-itemization-row > .mini-fee-value.credit *:not(#sq-mini-fee-value-tone-lock) { color: #69e6a1 !important; } html[data-theme="dark"] body .workspace .mini-fee-itemization-row > .mini-fee-value.par:not(#sq-mini-fee-value-tone-lock) { color: var(--sq-lower-rate-value, #ffffff) !important; } /* Leads field card palette hook: Product, Term, Loan Amount, and Compensation backing follow Inner Field Cards. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option :is(.mini-product-controls label,.mini-fee-strip > .mini-fee-tile-loan,.mini-fee-strip > .mini-second-loan-amount-tile,.mini-summary-comp):not(#sq-leads-inner-field-card-palette-lock) { --ink: var(--workspace-field-card-ink); --muted: var(--workspace-field-card-muted); --line: var(--workspace-field-card-border); background: var(--workspace-field-card-fill) !important; background-color: var(--workspace-field-card-fill) !important; border-color: var(--workspace-field-card-border) !important; color: var(--workspace-field-card-ink) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option :is(.mini-product-controls label,.mini-fee-strip > .mini-fee-tile-loan,.mini-fee-strip > .mini-second-loan-amount-tile):not(#sq-leads-inner-field-card-palette-lock) :is(.mini-fee-tile-head span,> span:first-child,.mini-term-label-row > span:first-child) { color: var(--workspace-field-card-muted) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-summary-comp:not(#sq-leads-inner-field-card-palette-lock) :is(.mini-comp-values > strong,.mini-comp-percent-input) { background: var(--workspace-field-card-fill) !important; border-color: var(--workspace-field-card-border) !important; color: var(--workspace-field-card-ink) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .mini-snapshot-presets-drawer:not(#sq-leads-presets-field-card-palette-lock) :is(.pricing-presets-summary,.pricing-presets-body,.mini-control-stack,.mini-control-pref-field,.mini-control-mood-field,.mini-control-comp-input,.mini-control-option-matrix) { --ink: var(--workspace-field-card-ink); --muted: var(--workspace-field-card-muted); --line: var(--workspace-field-card-border); background: var(--workspace-field-card-fill) !important; background-color: var(--workspace-field-card-fill) !important; border-color: var(--workspace-field-card-border) !important; color: var(--workspace-field-card-ink) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .mini-snapshot-presets-drawer:not(#sq-leads-presets-field-card-palette-lock) :is(.mini-control-pref-field,.mini-control-mood-field,.mini-control-comp-input) > span:not(.custom-choice-shell), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .mini-snapshot-presets-drawer:not(#sq-leads-presets-field-card-palette-lock) .mini-control-option-row-label { color: var(--workspace-field-card-muted) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) .mini-snapshot-presets-drawer:not(#sq-leads-presets-field-card-palette-lock) :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .custom-choice-menu summary { background: var(--workspace-field-card-fill) !important; background-color: var(--workspace-field-card-fill) !important; border-color: var(--workspace-field-card-border) !important; color: var(--workspace-field-card-ink) !important; } body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row > .mini-fee-value.cost:not(#sq-mini-fee-signed-tone-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row > .mini-fee-value.cost *:not(#sq-mini-fee-signed-tone-lock) { color: #b42318 !important; } body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row > .mini-fee-value.credit:not(#sq-mini-fee-signed-tone-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row > .mini-fee-value.credit *:not(#sq-mini-fee-signed-tone-lock) { color: #0d7a3a !important; } body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row > .mini-fee-value.par:not(#sq-mini-fee-signed-tone-lock) { color: var(--sq-lower-rate-value, var(--ink)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row > .mini-fee-value.cost:not(#sq-mini-fee-signed-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row > .mini-fee-value.cost *:not(#sq-mini-fee-signed-tone-lock) { color: #ff6b6b !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row > .mini-fee-value.credit:not(#sq-mini-fee-signed-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row > .mini-fee-value.credit *:not(#sq-mini-fee-signed-tone-lock) { color: #69e6a1 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row > .mini-fee-value.par:not(#sq-mini-fee-signed-tone-lock) { color: var(--sq-lower-rate-value, #ffffff) !important; } /* Leads pane identity polish: give the selected lead header the newer heavier typography. */ body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-name-row .name-link:not(#sq-lead-pane-identity-type-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-name-row .lead-row-borrower-edit:not(#sq-lead-pane-identity-type-lock) { color: color-mix(in srgb, var(--ink) 96%, var(--primary)) !important; font-family: inherit !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact:not(#sq-lead-pane-identity-type-lock) { color: color-mix(in srgb, var(--primary) 72%, var(--ink)) !important; font-family: inherit !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.22 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact :is(a,span,.inline-link,.phone-link,.borrower-email-link,.lead-row-borrower-edit):not(#sq-lead-pane-identity-type-lock) { color: color-mix(in srgb, var(--primary) 74%, var(--ink)) !important; font-family: inherit !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: inherit !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact :is(a,.inline-link,.phone-link,.borrower-email-link,.lead-row-borrower-edit):is(:hover,:focus):not(#sq-lead-pane-identity-type-lock) { color: color-mix(in srgb, var(--accent) 82%, var(--primary)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-nav span:not(#sq-lead-pane-identity-type-lock) { color: color-mix(in srgb, var(--ink) 68%, var(--primary)) !important; font-family: inherit !important; font-size: 14px !important; font-weight: 650 !important; letter-spacing: 0 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-name-row .name-link:not(#sq-lead-pane-identity-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-name-row .lead-row-borrower-edit:not(#sq-lead-pane-identity-type-lock) { color: #ffffff !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact:not(#sq-lead-pane-identity-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact :is(a,span,.inline-link,.phone-link,.borrower-email-link,.lead-row-borrower-edit):not(#sq-lead-pane-identity-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-nav span:not(#sq-lead-pane-identity-type-lock) { color: color-mix(in srgb, var(--lead-dark-text, #edf5fb) 86%, #7cb9ff) !important; } /* Selected lead pane revamp: one coherent surface, type scale, and control language. */ body[data-app-view="leads"] .workspace .selected-lead-panel:not(#sq-selected-pane-revamp-lock) { --sq-pane-card-bg: var(--workspace-section-window-fill, color-mix(in srgb, #f3f5f7 72%, var(--paper))); --sq-pane-card-border: var(--workspace-section-window-border, color-mix(in srgb, #b9c9d7 68%, var(--line))); --sq-pane-field-bg: color-mix(in srgb, var(--workspace-field-card-fill, #fff) 74%, var(--paper)); --sq-pane-field-border: var(--workspace-field-card-border, color-mix(in srgb, #cfe2ef 76%, var(--line))); --sq-pane-title: color-mix(in srgb, var(--ink) 96%, var(--primary)); --sq-pane-label: color-mix(in srgb, var(--primary) 78%, var(--ink)); --sq-pane-value: color-mix(in srgb, var(--ink) 94%, var(--primary)); --sq-pane-muted: color-mix(in srgb, var(--ink) 58%, var(--primary)); background: var(--paper) !important; border: 1px solid var(--sq-pane-card-border) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 10px 24px rgba(16,24,32,.075) !important; color: var(--sq-pane-value) !important; gap: 10px !important; padding: 10px 9px 12px 12px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-head:not(#sq-selected-pane-revamp-lock) { margin-bottom: 8px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-topline:not(#sq-selected-pane-revamp-lock) { gap: 9px 12px !important; grid-template-columns: minmax(0,1fr) minmax(86px,max-content) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-name-row .name-link:not(#sq-selected-pane-revamp-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-name-row .lead-row-borrower-edit:not(#sq-selected-pane-revamp-lock) { color: var(--sq-pane-title) !important; font-size: clamp(20px, 7.8cqw, 25px) !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.04 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact:not(#sq-selected-pane-revamp-lock) { color: var(--sq-pane-muted) !important; font-size: 13px !important; font-weight: 650 !important; gap: 2px !important; line-height: 1.2 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact > :is(a,span):not(.selected-lead-contact-chips):not(#sq-selected-pane-revamp-lock) { color: currentColor !important; font-size: 13px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.2 !important; text-decoration: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact > :is(.phone-link,.inline-link):not(#sq-selected-pane-revamp-lock) { color: color-mix(in srgb, var(--primary) 78%, var(--accent)) !important; font-weight: 700 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact > .borrower-email-link:not(#sq-selected-pane-revamp-lock) { color: color-mix(in srgb, var(--primary) 66%, var(--ink)) !important; font-size: 12.5px !important; font-weight: 600 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-side-controls:not(#sq-selected-pane-revamp-lock) { gap: 6px !important; top: -5px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-collapse-btn:not(#sq-selected-pane-revamp-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-nav-btn:not(#sq-selected-pane-revamp-lock) { color: color-mix(in srgb, var(--primary) 72%, var(--accent)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-nav span:not(#sq-selected-pane-revamp-lock) { color: var(--sq-pane-muted) !important; font-size: 14px !important; font-weight: 700 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-pane-source-pill.source-pill:not(#sq-selected-pane-revamp-lock) { background: color-mix(in srgb, var(--brand-gold) 10%, var(--paper)) !important; border-color: color-mix(in srgb, var(--brand-gold) 54%, var(--line)) !important; color: color-mix(in srgb, var(--ink) 84%, #8a5a00) !important; font-size: 13px !important; font-weight: 700 !important; min-height: 34px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid:not(#sq-selected-pane-revamp-lock) { gap: 9px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail,.lead-panel-piggyback-pair,.lead-panel-piggyback-ratio-tile):not(#sq-selected-pane-revamp-lock) { background: var(--sq-pane-card-bg) !important; border: 1px solid var(--sq-pane-card-border) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 1px 2px rgba(16,24,32,.04) !important; gap: 7px !important; min-height: 82px !important; padding: 9px 10px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail > span,.lead-panel-piggyback-split-labels span,.lead-panel-piggyback-ratio-tile > span,.lead-panel-piggyback-ratio-mini > span):not(#sq-selected-pane-revamp-lock) { color: var(--sq-pane-label) !important; font-size: 11px !important; font-weight: 750 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail input,.quick-detail select,.quick-choice-menu summary,.lead-panel-piggyback-ratio-mini input):not(#sq-selected-pane-revamp-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-choice-menu[open] summary:not(#sq-selected-pane-revamp-lock) { background: var(--sq-pane-field-bg) !important; border: 1px solid var(--sq-pane-field-border) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important; color: var(--sq-pane-value) !important; min-height: 38px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail input,.quick-detail select,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input):not(#sq-selected-pane-revamp-lock) { color: var(--sq-pane-value) !important; font-size: 13px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.14 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-options:not(#sq-selected-pane-revamp-lock) { background: var(--paper) !important; border-color: color-mix(in srgb, var(--primary) 28%, var(--line)) !important; box-shadow: 0 16px 34px rgba(16,24,32,.18) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-options button:not(#sq-selected-pane-revamp-lock) { color: var(--sq-pane-value) !important; font-size: 12.5px !important; font-weight: 600 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-options button.active:not(#sq-selected-pane-revamp-lock) { background: color-mix(in srgb, var(--primary) 13%, var(--paper)) !important; color: color-mix(in srgb, var(--primary) 82%, var(--ink)) !important; font-weight: 750 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-second-structure:not(#sq-selected-pane-revamp-lock) { margin-top: 10px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-second-structure-toggle:not(#sq-selected-pane-revamp-lock) { background: linear-gradient(180deg, color-mix(in srgb, #fff 88%, var(--paper)), color-mix(in srgb, var(--primary) 4%, #fff)) !important; border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--line)) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 1px 2px rgba(16,24,32,.04) !important; min-height: 38px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-second-structure-toggle span:not(#sq-selected-pane-revamp-lock) { color: var(--sq-pane-title) !important; font-size: 13.5px !important; font-weight: 750 !important; letter-spacing: 0 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card):not(#sq-selected-pane-revamp-lock) { background: var(--sq-pane-card-bg) !important; border: 1px solid var(--sq-pane-card-border) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 1px 2px rgba(16,24,32,.04) !important; margin-top: 10px !important; padding: 10px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:not(#sq-selected-pane-revamp-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-inline-tab:not(#sq-selected-pane-revamp-lock) { background: var(--sq-pane-field-bg) !important; border: 1px solid var(--sq-pane-field-border) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 1px 2px rgba(16,24,32,.04) !important; color: var(--sq-pane-title) !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: 0 !important; min-height: 40px !important; padding: 8px 12px !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-inline-tab:not(#sq-selected-pane-revamp-lock) { border-radius: 7px 0 0 7px !important; font-size: 14px !important; min-height: 36px !important; padding: 0 10px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-pill,.lead-panel-readiness-status,.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button):not(#sq-selected-pane-revamp-lock) { background: var(--sq-pane-field-bg) !important; border-color: var(--sq-pane-field-border) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important; color: var(--sq-pane-value) !important; font-family: inherit !important; font-weight: 650 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-pill span,.lead-panel-readiness-status strong,.lead-panel-readiness-status .meta,.lead-panel-notes-inline-input,.lead-panel-log-preview):not(#sq-selected-pane-revamp-lock) { color: var(--sq-pane-value) !important; font-size: 13px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-readiness-status.pass:not(#sq-selected-pane-revamp-lock) { background: color-mix(in srgb, #dff5ea 78%, var(--sq-pane-field-bg)) !important; border-color: color-mix(in srgb, #0f8a52 28%, var(--sq-pane-field-border)) !important; color: color-mix(in srgb, #0f6140 82%, var(--ink)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card > .editor-section-summary:not(#sq-selected-pane-revamp-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-notes-card > .editor-section-summary:not(#sq-selected-pane-revamp-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-log-card > .editor-section-summary:not(#sq-selected-pane-revamp-lock) { gap: 8px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-collapsed-notes:not(#sq-selected-pane-revamp-lock) { gap: 8px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-notes-appointment-pill:not(#sq-selected-pane-revamp-lock) { background: color-mix(in srgb, #dff5ea 74%, var(--paper)) !important; border-color: color-mix(in srgb, #0f8a52 26%, var(--line)) !important; color: color-mix(in srgb, #0f6140 82%, var(--ink)) !important; font-size: 13px !important; font-weight: 750 !important; min-height: 36px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice:not(#sq-selected-pane-revamp-lock) { background: var(--sq-pane-field-bg) !important; border-color: var(--sq-pane-field-border) !important; color: var(--sq-pane-value) !important; font-size: 12px !important; font-weight: 650 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice.is-selected:not(#sq-selected-pane-revamp-lock) { background: color-mix(in srgb, var(--primary) 12%, var(--sq-pane-field-bg)) !important; border-color: color-mix(in srgb, var(--primary) 54%, var(--sq-pane-field-border)) !important; color: color-mix(in srgb, var(--primary) 88%, var(--ink)) !important; font-weight: 800 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-controls-card > .lead-panel-controls-summary:not(#sq-selected-pane-revamp-lock) { gap: 10px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-summary-actions:not(#sq-selected-pane-revamp-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-primary-actions:not(#sq-selected-pane-revamp-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-tool-actions-grid:not(#sq-selected-pane-revamp-lock) { gap: 8px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon:not(#sq-selected-pane-revamp-lock) { background: linear-gradient(180deg, color-mix(in srgb, #fff 88%, var(--paper)), color-mix(in srgb, var(--primary) 4%, #fff)) !important; border: 1px solid color-mix(in srgb, var(--primary) 24%, var(--line)) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 1px 2px rgba(16,24,32,.045) !important; color: color-mix(in srgb, var(--primary) 84%, var(--ink)) !important; gap: 4px !important; min-height: 54px !important; padding: 8px 6px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon small:not(#sq-selected-pane-revamp-lock) { color: currentColor !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.05 !important; max-width: 100% !important; overflow: hidden !important; text-align: center !important; text-overflow: ellipsis !important; text-transform: none !important; white-space: nowrap !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon svg:not(#sq-selected-pane-revamp-lock) { height: 17px !important; stroke-width: 2 !important; width: 17px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.lead-panel-action-chip.quote:not(#sq-selected-pane-revamp-lock) { background: linear-gradient(180deg, #edf9ff, #e2f3fb) !important; border-color: #75bfe5 !important; color: #0b6fa8 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.lead-panel-action-chip.bonzo:not(#sq-selected-pane-revamp-lock) { background: linear-gradient(180deg, #fff4fb, #fdeaf5) !important; border-color: color-mix(in srgb, #f233a6 42%, var(--line)) !important; color: #c0187e !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon:is(.preview,.import):not(#sq-selected-pane-revamp-lock) { background: linear-gradient(180deg, #f8fbff, #edf6fb) !important; border-color: color-mix(in srgb, var(--primary) 30%, var(--line)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon:is(:hover,:focus,:focus-visible,.is-active):not(#sq-selected-pane-revamp-lock) { border-color: color-mix(in srgb, var(--primary) 56%, var(--accent)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 0 0 2px color-mix(in srgb, var(--primary) 13%, transparent) !important; outline: 0 !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel:not(#sq-selected-pane-revamp-lock) { --sq-pane-card-bg: var(--workspace-section-window-fill, #13212d); --sq-pane-card-border: var(--workspace-section-window-border, color-mix(in srgb, #5e7790 54%, var(--line))); --sq-pane-field-bg: color-mix(in srgb, var(--workspace-field-card-fill, #202a34) 82%, #0f1720); --sq-pane-field-border: var(--workspace-field-card-border, color-mix(in srgb, #6e879e 50%, var(--line))); --sq-pane-title: #ffffff; --sq-pane-label: color-mix(in srgb, #8fc8ff 82%, var(--lead-dark-text, #edf5fb)); --sq-pane-value: #ffffff; --sq-pane-muted: color-mix(in srgb, var(--lead-dark-text, #edf5fb) 82%, #7cb9ff); box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 28px rgba(0,0,0,.34) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact > .borrower-email-link:not(#sq-selected-pane-revamp-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact > :is(.phone-link,.inline-link):not(#sq-selected-pane-revamp-lock) { color: var(--sq-pane-muted) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon:not(#sq-selected-pane-revamp-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-second-structure-toggle:not(#sq-selected-pane-revamp-lock) { background: color-mix(in srgb, var(--sq-pane-field-bg) 88%, #0f1720) !important; border-color: var(--sq-pane-field-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 1px 2px rgba(0,0,0,.22) !important; color: var(--sq-pane-value) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card,.detail-grid .quick-detail,.detail-grid .lead-panel-piggyback-pair,.detail-grid .lead-panel-piggyback-ratio-tile):not(#sq-selected-pane-revamp-lock) { box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; } /* Leads itemization signed-value lock: keep card values colored after summary typography layers. */ body[data-app-view="leads"] .workspace :is(.mini-quote-summary,.mini-rate-snapshot-frame) .mini-fee-itemization-row > .mini-fee-value.cost:not(#sq-mini-fee-summary-signed-color-lock), body[data-app-view="leads"] .workspace :is(.mini-quote-summary,.mini-rate-snapshot-frame) .mini-fee-itemization-row > summary > .mini-fee-value.cost:not(#sq-mini-fee-summary-signed-color-lock) { color: #b42318 !important; } body[data-app-view="leads"] .workspace :is(.mini-quote-summary,.mini-rate-snapshot-frame) .mini-fee-itemization-row > .mini-fee-value.credit:not(#sq-mini-fee-summary-signed-color-lock), body[data-app-view="leads"] .workspace :is(.mini-quote-summary,.mini-rate-snapshot-frame) .mini-fee-itemization-row > summary > .mini-fee-value.credit:not(#sq-mini-fee-summary-signed-color-lock) { color: #0d7a3a !important; } body[data-app-view="leads"] .workspace :is(.mini-quote-summary,.mini-rate-snapshot-frame) .mini-fee-itemization-row > .mini-fee-value.par:not(#sq-mini-fee-summary-signed-color-lock), body[data-app-view="leads"] .workspace :is(.mini-quote-summary,.mini-rate-snapshot-frame) .mini-fee-itemization-row > summary > .mini-fee-value.par:not(#sq-mini-fee-summary-signed-color-lock) { color: var(--sq-lower-rate-value, var(--ink)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.mini-quote-summary,.mini-rate-snapshot-frame) .mini-fee-itemization-row > .mini-fee-value.cost:not(#sq-mini-fee-summary-signed-color-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.mini-quote-summary,.mini-rate-snapshot-frame) .mini-fee-itemization-row > summary > .mini-fee-value.cost:not(#sq-mini-fee-summary-signed-color-lock) { color: #ff6b6b !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.mini-quote-summary,.mini-rate-snapshot-frame) .mini-fee-itemization-row > .mini-fee-value.credit:not(#sq-mini-fee-summary-signed-color-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.mini-quote-summary,.mini-rate-snapshot-frame) .mini-fee-itemization-row > summary > .mini-fee-value.credit:not(#sq-mini-fee-summary-signed-color-lock) { color: #69e6a1 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.mini-quote-summary,.mini-rate-snapshot-frame) .mini-fee-itemization-row > .mini-fee-value.par:not(#sq-mini-fee-summary-signed-color-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.mini-quote-summary,.mini-rate-snapshot-frame) .mini-fee-itemization-row > summary > .mini-fee-value.par:not(#sq-mini-fee-summary-signed-color-lock) { color: var(--sq-lower-rate-value, #ffffff) !important; } /* Selected lead pane risk metric tints: restore FICO/LTV/CLTV tier fills over the field-card palette. */ body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe) input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-safe input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-safe input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock) { background: color-mix(in srgb, var(--green) 11%, var(--workspace-field-card-fill, var(--paper))) !important; background-color: color-mix(in srgb, var(--green) 11%, var(--workspace-field-card-fill, var(--paper))) !important; border-color: color-mix(in srgb, var(--green) 34%, var(--workspace-field-card-border, var(--line))) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 0 0 1px color-mix(in srgb, var(--green) 10%, transparent) !important; color: var(--workspace-field-card-ink, var(--ink)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution) input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-caution input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-caution input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock) { background: color-mix(in srgb, var(--brand-gold) 14%, var(--workspace-field-card-fill, var(--paper))) !important; background-color: color-mix(in srgb, var(--brand-gold) 14%, var(--workspace-field-card-fill, var(--paper))) !important; border-color: color-mix(in srgb, var(--brand-gold) 42%, var(--workspace-field-card-border, var(--line))) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 0 0 1px color-mix(in srgb, var(--brand-gold) 12%, transparent) !important; color: var(--workspace-field-card-ink, var(--ink)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-alert input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-alert input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock) { background: color-mix(in srgb, var(--red) 10%, var(--workspace-field-card-fill, var(--paper))) !important; background-color: color-mix(in srgb, var(--red) 10%, var(--workspace-field-card-fill, var(--paper))) !important; border-color: color-mix(in srgb, var(--red) 34%, var(--workspace-field-card-border, var(--line))) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 0 0 1px color-mix(in srgb, var(--red) 10%, transparent) !important; color: var(--workspace-field-card-ink, var(--ink)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe) input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-safe input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-safe input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock) { background: color-mix(in srgb, #22c55e 18%, var(--workspace-field-card-fill, #111c26)) !important; background-color: color-mix(in srgb, #22c55e 18%, var(--workspace-field-card-fill, #111c26)) !important; border-color: color-mix(in srgb, #22c55e 58%, var(--workspace-field-card-border, var(--line))) !important; color: var(--workspace-field-card-ink, var(--lead-dark-text, #edf5fb)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution) input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-caution input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-caution input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock) { background: color-mix(in srgb, #fbbf24 20%, var(--workspace-field-card-fill, #111c26)) !important; background-color: color-mix(in srgb, #fbbf24 20%, var(--workspace-field-card-fill, #111c26)) !important; border-color: color-mix(in srgb, #fbbf24 58%, var(--workspace-field-card-border, var(--line))) !important; color: var(--workspace-field-card-ink, var(--lead-dark-text, #edf5fb)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-alert input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-alert input:not(:focus):not(#sq-lead-pane-risk-tier-fill-lock) { background: color-mix(in srgb, #fb7185 18%, var(--workspace-field-card-fill, #111c26)) !important; background-color: color-mix(in srgb, #fb7185 18%, var(--workspace-field-card-fill, #111c26)) !important; border-color: color-mix(in srgb, #fb7185 60%, var(--workspace-field-card-border, var(--line))) !important; color: var(--workspace-field-card-ink, var(--lead-dark-text, #edf5fb)) !important; } /* Mini itemization tone attribute lock: live pricing hydration keeps summary values colored. */ body .workspace .mini-fee-itemization-row[data-mini-fee-tone="cost"] > :is(.mini-fee-value,strong,input):not(#sq-mini-fee-tone-attr-lock), body .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="cost"]:not(#sq-mini-fee-tone-attr-lock), body .workspace .mini-fee-itemization-row[data-mini-fee-tone="cost"] > summary > :is(.mini-fee-value,strong,input):not(#sq-mini-fee-tone-attr-lock), body .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="cost"]:not(#sq-mini-fee-tone-attr-lock) { color: #b42318 !important; } body .workspace .mini-fee-itemization-row[data-mini-fee-tone="credit"] > :is(.mini-fee-value,strong,input):not(#sq-mini-fee-tone-attr-lock), body .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="credit"]:not(#sq-mini-fee-tone-attr-lock), body .workspace .mini-fee-itemization-row[data-mini-fee-tone="credit"] > summary > :is(.mini-fee-value,strong,input):not(#sq-mini-fee-tone-attr-lock), body .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="credit"]:not(#sq-mini-fee-tone-attr-lock) { color: #0d7a3a !important; } body .workspace .mini-fee-itemization-row[data-mini-fee-tone="par"] > :is(.mini-fee-value,strong,input):not(#sq-mini-fee-tone-attr-lock), body .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="par"]:not(#sq-mini-fee-tone-attr-lock), body .workspace .mini-fee-itemization-row[data-mini-fee-tone="par"] > summary > :is(.mini-fee-value,strong,input):not(#sq-mini-fee-tone-attr-lock), body .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="par"]:not(#sq-mini-fee-tone-attr-lock) { color: var(--sq-lower-rate-value, var(--ink)) !important; } html[data-theme="dark"] body .workspace .mini-fee-itemization-row[data-mini-fee-tone="cost"] > :is(.mini-fee-value,strong,input):not(#sq-mini-fee-tone-attr-lock), html[data-theme="dark"] body .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="cost"]:not(#sq-mini-fee-tone-attr-lock), html[data-theme="dark"] body .workspace .mini-fee-itemization-row[data-mini-fee-tone="cost"] > summary > :is(.mini-fee-value,strong,input):not(#sq-mini-fee-tone-attr-lock), html[data-theme="dark"] body .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="cost"]:not(#sq-mini-fee-tone-attr-lock) { color: #ff6b6b !important; } html[data-theme="dark"] body .workspace .mini-fee-itemization-row[data-mini-fee-tone="credit"] > :is(.mini-fee-value,strong,input):not(#sq-mini-fee-tone-attr-lock), html[data-theme="dark"] body .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="credit"]:not(#sq-mini-fee-tone-attr-lock), html[data-theme="dark"] body .workspace .mini-fee-itemization-row[data-mini-fee-tone="credit"] > summary > :is(.mini-fee-value,strong,input):not(#sq-mini-fee-tone-attr-lock), html[data-theme="dark"] body .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="credit"]:not(#sq-mini-fee-tone-attr-lock) { color: #69e6a1 !important; } html[data-theme="dark"] body .workspace .mini-fee-itemization-row[data-mini-fee-tone="par"] > :is(.mini-fee-value,strong,input):not(#sq-mini-fee-tone-attr-lock), html[data-theme="dark"] body .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="par"]:not(#sq-mini-fee-tone-attr-lock), html[data-theme="dark"] body .workspace .mini-fee-itemization-row[data-mini-fee-tone="par"] > summary > :is(.mini-fee-value,strong,input):not(#sq-mini-fee-tone-attr-lock), html[data-theme="dark"] body .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="par"]:not(#sq-mini-fee-tone-attr-lock) { color: var(--sq-lower-rate-value, #ffffff) !important; } /* Leads final field-card palette lock: expanded Presets fields and nested popouts follow Inner Field Cards. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) :is(.pricing-presets-summary,.pricing-presets-body,.mini-control-stack,.mini-control-stack-grid,.mini-control-pref-field,.mini-control-mood-field,.mini-control-comp-panel,.mini-control-comp-input,.mini-control-option-matrix):not(#sq-leads-presets-field-card-final-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-payment-breakdown-panel,.mini-fee-drilldown-rows.quote-breakdown-rows):not(#sq-leads-presets-field-card-final-lock) { --ink: var(--workspace-field-card-ink); --muted: var(--workspace-field-card-muted); --line: var(--workspace-field-card-border); background: var(--workspace-field-card-fill) !important; background-color: var(--workspace-field-card-fill) !important; border-color: var(--workspace-field-card-border) !important; color: var(--workspace-field-card-ink) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) :is(.mini-control-pref-field,.mini-control-mood-field,.mini-control-comp-input,.mini-control-option-matrix) :is(.custom-choice-menu > summary,.mini-preset-auto-mood.is-expanded-control):not(#sq-leads-presets-field-card-final-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) .pricing-presets-preview :is(.pricing-preset-preview-row,.mini-preset-auto-mood):not(#sq-leads-presets-field-card-final-lock) { background: var(--workspace-field-card-fill) !important; background-color: var(--workspace-field-card-fill) !important; border-color: var(--workspace-field-card-border) !important; color: var(--workspace-field-card-ink) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) :is(.mini-control-pref-field,.mini-control-mood-field,.mini-control-comp-input) > span:not(.custom-choice-shell):not(#sq-leads-presets-field-card-final-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) .mini-control-option-row-label:not(#sq-leads-presets-field-card-final-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-payment-breakdown-row span,.mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row > span):not(#sq-leads-presets-field-card-final-lock) { color: var(--workspace-field-card-muted) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) :is(.custom-choice-menu > summary strong,.custom-choice-menu > summary span,.mini-preset-auto-mood.is-expanded-control,.mini-preset-lender-name):not(#sq-leads-presets-field-card-final-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-payment-breakdown-row strong,.mini-payment-breakdown-row em,.mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row > :is(strong,input)):not(#sq-leads-presets-field-card-final-lock) { color: var(--workspace-field-card-ink) !important; } /* Leads expanded preset drawer width lock: keep preset controls compact while labels breathe. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-stack-top :is(.mini-pref-choice-shell,.mini-preset-auto-mood.is-expanded-control,.mini-comp-choice-shell):not(#sq-leads-presets-width-final-lock) { justify-self: end !important; max-width: 100% !important; width: 95% !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-head .mini-control-option-toggle:not(#sq-leads-presets-width-final-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-row .mini-control-choice-shell:not(#sq-leads-presets-width-final-lock) { justify-self: end !important; max-width: 100% !important; width: 95% !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-row .mini-control-choice-shell .quick-choice-options:not(#sq-leads-presets-width-final-lock) { max-width: 100% !important; min-width: 100% !important; width: 100% !important; } /* Leads itemization value tone lock: semantic rows keep red/green through preview hydration. */ body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row[data-mini-fee-tone="cost"] > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row > :is(.mini-fee-value.cost,[data-mini-fee-tone="cost"]):not(#sq-leads-itemization-tone-final-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row[data-mini-fee-tone="cost"] > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row > summary > :is(.mini-fee-value.cost,[data-mini-fee-tone="cost"]):not(#sq-leads-itemization-tone-final-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-cost > :is(strong,input):not(#sq-leads-itemization-tone-final-lock) { color: #b42318 !important; } body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row[data-mini-fee-tone="credit"] > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row > :is(.mini-fee-value.credit,[data-mini-fee-tone="credit"]):not(#sq-leads-itemization-tone-final-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row[data-mini-fee-tone="credit"] > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row > summary > :is(.mini-fee-value.credit,[data-mini-fee-tone="credit"]):not(#sq-leads-itemization-tone-final-lock), body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-credit > :is(strong,input):not(#sq-leads-itemization-tone-final-lock) { color: #0d7a3a !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row[data-mini-fee-tone="cost"] > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row > :is(.mini-fee-value.cost,[data-mini-fee-tone="cost"]):not(#sq-leads-itemization-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.cost > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row[data-mini-fee-tone="cost"] > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row > summary > :is(.mini-fee-value.cost,[data-mini-fee-tone="cost"]):not(#sq-leads-itemization-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-cost > :is(strong,input):not(#sq-leads-itemization-tone-final-lock) { color: #ff6b6b !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row[data-mini-fee-tone="credit"] > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row > :is(.mini-fee-value.credit,[data-mini-fee-tone="credit"]):not(#sq-leads-itemization-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row.credit > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row[data-mini-fee-tone="credit"] > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-itemization-row > summary > :is(.mini-fee-value.credit,[data-mini-fee-tone="credit"]):not(#sq-leads-itemization-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows .quote-breakdown-row.is-credit > :is(strong,input):not(#sq-leads-itemization-tone-final-lock) { color: #69e6a1 !important; } /* Leads dark-mode readability inversion: dark field-card surfaces use light type, while light chips keep dark type. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace { --sq-leads-dark-readable: var(--lead-dark-text, #edf5fb); --sq-leads-dark-readable-strong: #ffffff; --sq-leads-dark-caption: color-mix(in srgb, #8fc8ff 86%, #ffffff); --sq-leads-dark-muted: color-mix(in srgb, var(--lead-dark-text, #edf5fb) 76%, #7cb9ff); --sq-leads-dark-on-light: #071523; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is(.mini-product-controls label,.mini-fee-strip > .mini-fee-tile-loan,.mini-fee-strip > .mini-second-loan-amount-tile,.mini-summary-comp,.mini-snapshot-presets-drawer .pricing-presets-body,.mini-snapshot-presets-drawer .mini-control-stack,.mini-snapshot-presets-drawer .mini-control-pref-field,.mini-snapshot-presets-drawer .mini-control-mood-field,.mini-snapshot-presets-drawer .mini-control-comp-input,.mini-snapshot-presets-drawer .mini-control-option-matrix,.selected-lead-panel .detail-grid .quick-detail,.selected-lead-panel .detail-grid .lead-panel-piggyback-pair,.selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-tile,.selected-lead-panel .lead-panel-status-card,.selected-lead-panel .lead-panel-controls-card,.selected-lead-panel .lead-panel-notes-card,.selected-lead-panel .lead-panel-log-card):not(#sq-leads-dark-readability-final-lock) { color: var(--sq-leads-dark-readable) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is(.mini-product-controls label > span:first-child,.mini-product-controls .mini-term-label-row > span:first-child,.mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span,.mini-fee-strip > .mini-second-loan-amount-tile > span:first-child,.mini-summary-comp .mini-comp-label,.mini-summary-comp .mini-comp-caption,.mini-snapshot-presets-drawer .mini-control-pref-field > span:not(.custom-choice-shell),.mini-snapshot-presets-drawer .mini-control-mood-field > span:not(.custom-choice-shell),.mini-snapshot-presets-drawer .mini-control-comp-input > span:not(.custom-choice-shell),.mini-snapshot-presets-drawer .mini-control-option-row-label,.selected-lead-panel .detail-grid .quick-detail > span,.selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-mini > span,.selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-tile > span,.selected-lead-panel .detail-grid .lead-panel-piggyback-split-labels span,.selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child,.selected-lead-panel .lead-panel-status-inline-tab):not(#sq-leads-dark-readability-final-lock) { color: var(--sq-leads-dark-caption) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is(.mini-product-controls label input,.mini-product-controls label select,.mini-product-controls .mini-static-control,.mini-product-controls .custom-choice-menu > summary,.mini-product-controls .custom-choice-menu > summary strong,.mini-product-controls .custom-choice-menu > summary span,.mini-fee-strip > .mini-fee-tile-loan :is(strong,input),.mini-fee-strip > .mini-second-loan-amount-tile :is(strong,input),.mini-summary-comp .mini-comp-values > strong,.mini-summary-comp .mini-comp-percent-input,.mini-snapshot-presets-drawer .custom-choice-menu > summary,.mini-snapshot-presets-drawer .custom-choice-menu > summary :is(strong,span),.mini-snapshot-presets-drawer .mini-preset-lender-name,.selected-lead-panel .detail-grid :is(.quick-detail input,.quick-detail select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input),.selected-lead-panel :is(.lead-panel-status-pill,.lead-panel-status-pill span,.lead-panel-readiness-status,.lead-panel-readiness-status strong,.lead-panel-readiness-status .meta,.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button,.lead-panel-second-structure-toggle,.lead-panel-second-structure-toggle span)):not(#sq-leads-dark-readability-final-lock) { color: var(--sq-leads-dark-readable-strong) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-snapshot-presets-drawer .pricing-presets-summary :is(.pricing-presets-title-zone,.pricing-presets-title):not(#sq-leads-dark-readability-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-snapshot-presets-drawer .pricing-presets-preview :is(.pricing-preset-preview-row,.mini-preset-auto-mood,.mini-preset-lender-name):not(#sq-leads-dark-readability-final-lock) { color: var(--sq-leads-dark-on-light) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon:not(.quote):not(.bonzo):not(#sq-leads-dark-readability-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon:not(.quote):not(.bonzo) small:not(#sq-leads-dark-readability-final-lock) { color: var(--sq-leads-dark-readable-strong) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.quote:not(#sq-leads-dark-readability-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.quote small:not(#sq-leads-dark-readability-final-lock) { color: #126fb8 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.bonzo:not(#sq-leads-dark-readability-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon.bonzo small:not(#sq-leads-dark-readability-final-lock) { color: #c0187e !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus):not(#sq-lead-pane-risk-tier-value-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus):not(#sq-lead-pane-risk-tier-value-lock) { color: var(--sq-leads-dark-readable-strong) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="cost"]:not(#sq-leads-dark-tone-readability-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row[data-mini-fee-tone="cost"] > :is(.mini-fee-value,strong,input):not(#sq-leads-dark-tone-readability-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:is(.cost,.is-discount-points-value) > :is(.mini-fee-value,strong,input):not(#sq-leads-dark-tone-readability-final-lock) { color: #ff6b6b !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="credit"]:not(#sq-leads-dark-tone-readability-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row[data-mini-fee-tone="credit"] > :is(.mini-fee-value,strong,input):not(#sq-leads-dark-tone-readability-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row:is(.credit,.is-lender-credit-value,.is-seller-credit-value,.is-second-loan-proceeds-value) > :is(.mini-fee-value,strong,input):not(#sq-leads-dark-tone-readability-final-lock) { color: #69e6a1 !important; } /* Leads itemization source tone lock: signed summary values win over late typography/readability layers. */ body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="cost"] > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="cost"]:not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row.cost > :is(.mini-fee-value.cost,strong.mini-fee-value,input.mini-fee-value):not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="cost"] > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="cost"]:not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row.cost > summary > :is(.mini-fee-value.cost,strong.mini-fee-value,input.mini-fee-value):not(#sq-leads-itemization-source-tone-lock) { color: #b42318 !important; } body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="credit"] > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="credit"]:not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row.credit > :is(.mini-fee-value.credit,strong.mini-fee-value,input.mini-fee-value):not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="credit"] > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="credit"]:not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row.credit > summary > :is(.mini-fee-value.credit,strong.mini-fee-value,input.mini-fee-value):not(#sq-leads-itemization-source-tone-lock) { color: #0d7a3a !important; } body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="par"] > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="par"]:not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row.par > :is(.mini-fee-value.par,strong.mini-fee-value,input.mini-fee-value):not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="par"] > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="par"]:not(#sq-leads-itemization-source-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row.par > summary > :is(.mini-fee-value.par,strong.mini-fee-value,input.mini-fee-value):not(#sq-leads-itemization-source-tone-lock) { color: var(--sq-lower-rate-value, var(--ink)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="cost"] > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="cost"]:not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row.cost > :is(.mini-fee-value.cost,strong.mini-fee-value,input.mini-fee-value):not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="cost"] > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="cost"]:not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row.cost > summary > :is(.mini-fee-value.cost,strong.mini-fee-value,input.mini-fee-value):not(#sq-leads-itemization-source-tone-lock) { color: #ff6b6b !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="credit"] > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="credit"]:not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row.credit > :is(.mini-fee-value.credit,strong.mini-fee-value,input.mini-fee-value):not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="credit"] > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="credit"]:not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row.credit > summary > :is(.mini-fee-value.credit,strong.mini-fee-value,input.mini-fee-value):not(#sq-leads-itemization-source-tone-lock) { color: #69e6a1 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="par"] > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="par"]:not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row.par > :is(.mini-fee-value.par,strong.mini-fee-value,input.mini-fee-value):not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="par"] > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-tone="par"]:not(#sq-leads-itemization-source-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row.par > summary > :is(.mini-fee-value.par,strong.mini-fee-value,input.mini-fee-value):not(#sq-leads-itemization-source-tone-lock) { color: var(--sq-lower-rate-value, var(--lead-dark-text, #edf5fb)) !important; } /* Leads selected pane CLTV micro-align: match the paired LTV input height and optical baseline. */ body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-pair > .lead-panel-piggyback-ratio-mini:nth-child(2):not(#sq-lead-pane-cltv-align-lock) { transform: translateY(1px); } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-pair > .lead-panel-piggyback-ratio-mini:nth-child(2) input:not(#sq-lead-pane-cltv-align-lock) { height: 36px !important; min-height: 36px !important; } /* Leads itemization semantic value lock: only pricing-adjustment rows get red/green. */ body[data-app-view="leads"] .workspace .mini-fee-itemization-row:is(.is-discount-points-value,[data-mini-fee-kind="discount-points"]) > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-kind-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row:is(.is-discount-points-value,[data-mini-fee-kind="discount-points"]) > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-kind-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-kind="discount-points"]:not(#sq-leads-itemization-kind-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-kind="discount-points"]:not(#sq-leads-itemization-kind-tone-lock) { color: #b42318 !important; } body[data-app-view="leads"] .workspace .mini-fee-itemization-row:is(.is-lender-credit-value,.is-seller-credit-value,.is-second-loan-proceeds-value,[data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]) > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-kind-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row:is(.is-lender-credit-value,.is-seller-credit-value,.is-second-loan-proceeds-value,[data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]) > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-kind-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input):is([data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not(#sq-leads-itemization-kind-tone-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input):is([data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not(#sq-leads-itemization-kind-tone-lock) { color: #0d7a3a !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row:is(.is-discount-points-value,[data-mini-fee-kind="discount-points"]) > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-kind-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row:is(.is-discount-points-value,[data-mini-fee-kind="discount-points"]) > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-kind-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input)[data-mini-fee-kind="discount-points"]:not(#sq-leads-itemization-kind-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input)[data-mini-fee-kind="discount-points"]:not(#sq-leads-itemization-kind-tone-lock) { color: #ff6b6b !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row:is(.is-lender-credit-value,.is-seller-credit-value,.is-second-loan-proceeds-value,[data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]) > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-kind-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row:is(.is-lender-credit-value,.is-seller-credit-value,.is-second-loan-proceeds-value,[data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]) > summary > :is(.mini-fee-value,strong,input):not(#sq-leads-itemization-kind-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > :is(.mini-fee-value,strong,input):is([data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not(#sq-leads-itemization-kind-tone-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > :is(.mini-fee-value,strong,input):is([data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not(#sq-leads-itemization-kind-tone-lock) { color: #69e6a1 !important; } /* Leads dark-mode field text lock: invert Product, Term, Loan Amount, and FHA/VA labels. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls label > span:first-child:not(#sq-leads-dark-field-text-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-term-label-row > span:first-child:not(#sq-leads-dark-field-text-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span:not(#sq-leads-dark-field-text-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-second-loan-amount-tile > span:not(#sq-leads-dark-field-text-lock) { color: color-mix(in srgb, #8fc8ff 88%, #ffffff) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary:not(#sq-leads-dark-field-text-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary :is(strong,span):not(#sq-leads-dark-field-text-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls :is(.mini-static-control,select,input):not(#sq-leads-dark-field-text-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-fee-tile-loan > :is(strong,input):not(#sq-leads-dark-field-text-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-fee-strip > .mini-second-loan-amount-tile > :is(strong,input):not(#sq-leads-dark-field-text-lock) { color: #ffffff !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle[aria-pressed="false"]:not(.active) .va-logo-mark:not(#sq-leads-dark-field-text-lock) { color: #071523 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]) .va-logo-mark:not(#sq-leads-dark-field-text-lock) { color: #ffffff !important; } /* Leads mini itemization final semantic value lock: exact value node wins over palette/card text. */ body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-kind="discount-points"]:not([data-mini-fee-tone="par"]) > .mini-fee-value:not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-kind="discount-points"]:not([data-mini-fee-tone="par"]) > summary > .mini-fee-value:not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > .mini-fee-value[data-mini-fee-kind="discount-points"]:not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > .mini-fee-value[data-mini-fee-kind="discount-points"]:not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock) { color: #b42318 !important; -webkit-text-fill-color: currentColor !important; } body[data-app-view="leads"] .workspace .mini-fee-itemization-row:is([data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not([data-mini-fee-tone="par"]) > .mini-fee-value:not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row:is([data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not([data-mini-fee-tone="par"]) > summary > .mini-fee-value:not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > .mini-fee-value:is([data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > .mini-fee-value:is([data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock) { color: #0d7a3a !important; -webkit-text-fill-color: currentColor !important; } body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="par"] > .mini-fee-value:not(#sq-leads-mini-fee-semantic-final-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="par"] > summary > .mini-fee-value:not(#sq-leads-mini-fee-semantic-final-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > .mini-fee-value[data-mini-fee-tone="par"]:not(#sq-leads-mini-fee-semantic-final-lock), body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > .mini-fee-value[data-mini-fee-tone="par"]:not(#sq-leads-mini-fee-semantic-final-lock) { color: var(--sq-lower-rate-value, var(--ink)) !important; -webkit-text-fill-color: currentColor !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-kind="discount-points"]:not([data-mini-fee-tone="par"]) > .mini-fee-value:not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-kind="discount-points"]:not([data-mini-fee-tone="par"]) > summary > .mini-fee-value:not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > .mini-fee-value[data-mini-fee-kind="discount-points"]:not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > .mini-fee-value[data-mini-fee-kind="discount-points"]:not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock) { color: #ff6b6b !important; -webkit-text-fill-color: currentColor !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row:is([data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not([data-mini-fee-tone="par"]) > .mini-fee-value:not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row:is([data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not([data-mini-fee-tone="par"]) > summary > .mini-fee-value:not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > .mini-fee-value:is([data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > .mini-fee-value:is([data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not([data-mini-fee-tone="par"]):not(#sq-leads-mini-fee-semantic-final-lock) { color: #69e6a1 !important; -webkit-text-fill-color: currentColor !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="par"] > .mini-fee-value:not(#sq-leads-mini-fee-semantic-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row[data-mini-fee-tone="par"] > summary > .mini-fee-value:not(#sq-leads-mini-fee-semantic-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > .mini-fee-value[data-mini-fee-tone="par"]:not(#sq-leads-mini-fee-semantic-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row > summary > .mini-fee-value[data-mini-fee-tone="par"]:not(#sq-leads-mini-fee-semantic-final-lock) { color: var(--sq-lower-rate-value, var(--lead-dark-text, #edf5fb)) !important; -webkit-text-fill-color: currentColor !important; } /* Final pricing adjustment value lock: exact signed value marker wins over card/palette typography. */ html body .mini-rate-snapshot-frame .mini-fee-itemization-row > .mini-fee-value[data-mini-pricing-adjustment-value="cost"], html body .mini-rate-snapshot-frame .mini-fee-itemization-row > summary > .mini-fee-value[data-mini-pricing-adjustment-value="cost"] { color: #b42318 !important; -webkit-text-fill-color: #b42318 !important; } html body .mini-rate-snapshot-frame .mini-fee-itemization-row > .mini-fee-value[data-mini-pricing-adjustment-value="credit"], html body .mini-rate-snapshot-frame .mini-fee-itemization-row > summary > .mini-fee-value[data-mini-pricing-adjustment-value="credit"] { color: #0d7a3a !important; -webkit-text-fill-color: #0d7a3a !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame .mini-fee-itemization-row > .mini-fee-value[data-mini-pricing-adjustment-value="cost"], html[data-theme="dark"] body .mini-rate-snapshot-frame .mini-fee-itemization-row > summary > .mini-fee-value[data-mini-pricing-adjustment-value="cost"] { color: #ff6b6b !important; -webkit-text-fill-color: #ff6b6b !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame .mini-fee-itemization-row > .mini-fee-value[data-mini-pricing-adjustment-value="credit"], html[data-theme="dark"] body .mini-rate-snapshot-frame .mini-fee-itemization-row > summary > .mini-fee-value[data-mini-pricing-adjustment-value="credit"] { color: #69e6a1 !important; -webkit-text-fill-color: #69e6a1 !important; } /* Leads pricing-adjustment summary value lock: beat the late summary typography rule without touching Fees. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row[data-mini-fee-role="pricing-adjustment"] > .mini-fee-value[data-mini-pricing-adjustment-value="cost"], body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row[data-mini-fee-role="pricing-adjustment"][data-mini-fee-tone="cost"] > .mini-fee-value { --sq-mini-pricing-adjustment-value-color: #b42318 !important; color: var(--sq-mini-pricing-adjustment-value-color, #b42318) !important; -webkit-text-fill-color: var(--sq-mini-pricing-adjustment-value-color, #b42318) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row[data-mini-fee-role="pricing-adjustment"] > .mini-fee-value[data-mini-pricing-adjustment-value="credit"], body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row[data-mini-fee-role="pricing-adjustment"][data-mini-fee-tone="credit"] > .mini-fee-value { --sq-mini-pricing-adjustment-value-color: #0d7a3a !important; color: var(--sq-mini-pricing-adjustment-value-color, #0d7a3a) !important; -webkit-text-fill-color: var(--sq-mini-pricing-adjustment-value-color, #0d7a3a) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row[data-mini-fee-role="pricing-adjustment"] > .mini-fee-value[data-mini-pricing-adjustment-value="cost"], html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row[data-mini-fee-role="pricing-adjustment"][data-mini-fee-tone="cost"] > .mini-fee-value { --sq-mini-pricing-adjustment-value-color: #ff6b6b !important; color: var(--sq-mini-pricing-adjustment-value-color, #ff6b6b) !important; -webkit-text-fill-color: var(--sq-mini-pricing-adjustment-value-color, #ff6b6b) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row[data-mini-fee-role="pricing-adjustment"] > .mini-fee-value[data-mini-pricing-adjustment-value="credit"], html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-itemization-row[data-mini-fee-role="pricing-adjustment"][data-mini-fee-tone="credit"] > .mini-fee-value { --sq-mini-pricing-adjustment-value-color: #69e6a1 !important; color: var(--sq-mini-pricing-adjustment-value-color, #69e6a1) !important; -webkit-text-fill-color: var(--sq-mini-pricing-adjustment-value-color, #69e6a1) !important; } /* Leads status polish: keep table badges, pane summary status, and expanded status choices on one tone system. */ body[data-app-view="leads"] .workspace .lead-table tbody td:not(#sq-leads-status-tone-final-lock) { color: color-mix(in srgb, var(--ink) 92%, #0f2742) !important; font-size: 13px !important; font-weight: 560 !important; letter-spacing: 0 !important; } body[data-app-view="leads"] .workspace .lead-table .borrower-name-line .lead-row-borrower-edit:not(#sq-leads-status-tone-final-lock), body[data-app-view="leads"] .workspace .lead-table .borrower-name-line .name-link:not(#sq-leads-status-tone-final-lock) { color: color-mix(in srgb, var(--accent) 76%, var(--ink)) !important; font-size: 13.5px !important; font-weight: 760 !important; line-height: 1.12 !important; } body[data-app-view="leads"] .workspace .lead-table .borrower-subline :is(.lead-row-borrower-edit,.phone-link,.borrower-email-link,.inline-link):not(#sq-leads-status-tone-final-lock) { color: color-mix(in srgb, var(--accent) 68%, var(--ink)) !important; font-size: 12.5px !important; font-weight: 520 !important; line-height: 1.16 !important; } body[data-app-view="leads"] .workspace :is(.lead-table .status,.selected-lead-panel .lead-panel-status-pill,.selected-lead-panel .lead-panel-status-body .status-choice):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #eef4fa; --sq-status-border: color-mix(in srgb, #6f8398 24%, var(--line)); --sq-status-text: #233044; background: var(--sq-status-fill) !important; border-color: var(--sq-status-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 1px 2px rgba(16,24,32,.045) !important; color: var(--sq-status-text) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 680 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-table .status,.selected-lead-panel .lead-panel-status-pill,.selected-lead-panel .lead-panel-status-body .status-choice) :is(span,small):not(#sq-leads-status-tone-final-lock) { color: var(--sq-status-text) !important; font-weight: 680 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-table .status.hot,.selected-lead-panel .lead-panel-status-pill.hot,.selected-lead-panel .lead-panel-status-body .status-choice.hot):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #fff2cb; --sq-status-border: #ecc86d; --sq-status-text: #755000; } body[data-app-view="leads"] .workspace :is(.lead-table .status.needs-review,.selected-lead-panel .lead-panel-status-pill.needs-review,.selected-lead-panel .lead-panel-status-body .status-choice.needs-review):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #fff8df; --sq-status-border: #e6c86c; --sq-status-text: #7a5200; } body[data-app-view="leads"] .workspace :is(.lead-table .status.quote-ready,.lead-table .status.green,.selected-lead-panel .lead-panel-status-pill.quote-ready,.selected-lead-panel .lead-panel-status-pill.green,.selected-lead-panel .lead-panel-status-body .status-choice.quote-ready,.selected-lead-panel .lead-panel-status-body .status-choice.green):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #e3f4ea; --sq-status-border: #a7d8bd; --sq-status-text: #0d5f2f; } body[data-app-view="leads"] .workspace :is(.lead-table .status.sent,.lead-table .status.blue,.selected-lead-panel .lead-panel-status-pill.sent,.selected-lead-panel .lead-panel-status-pill.blue,.selected-lead-panel .lead-panel-status-body .status-choice.sent,.selected-lead-panel .lead-panel-status-body .status-choice.blue):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #e6edf8; --sq-status-border: #a8bddc; --sq-status-text: #234f8f; } body[data-app-view="leads"] .workspace :is(.lead-table .status.working,.selected-lead-panel .lead-panel-status-pill.working,.selected-lead-panel .lead-panel-status-body .status-choice.working):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #e8f2ff; --sq-status-border: #aac9ec; --sq-status-text: #244b75; } body[data-app-view="leads"] .workspace :is(.lead-table .status.app-taken,.selected-lead-panel .lead-panel-status-pill.app-taken,.selected-lead-panel .lead-panel-status-body .status-choice.app-taken):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #eef1ff; --sq-status-border: #bcc5ef; --sq-status-text: #344082; } body[data-app-view="leads"] .workspace :is(.lead-table .status.appointment,.lead-table .status.follow-up,.selected-lead-panel .lead-panel-status-pill.appointment,.selected-lead-panel .lead-panel-status-pill.follow-up,.selected-lead-panel .lead-panel-status-body .status-choice.appointment,.selected-lead-panel .lead-panel-status-body .status-choice.follow-up):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #e8f7f0; --sq-status-border: #acd8c4; --sq-status-text: #0f6140; } body[data-app-view="leads"] .workspace :is(.lead-table .status.opt-out-text,.selected-lead-panel .lead-panel-status-pill.opt-out-text,.selected-lead-panel .lead-panel-status-body .status-choice.opt-out-text):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #f2edf5; --sq-status-border: #d4c0dd; --sq-status-text: #5c4670; } body[data-app-view="leads"] .workspace :is(.lead-table .status.seasoning,.selected-lead-panel .lead-panel-status-pill.seasoning,.selected-lead-panel .lead-panel-status-body .status-choice.seasoning):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #f6efdf; --sq-status-border: #d7c18d; --sq-status-text: #735220; } body[data-app-view="leads"] .workspace :is(.lead-table .status.long-term,.selected-lead-panel .lead-panel-status-pill.long-term,.selected-lead-panel .lead-panel-status-body .status-choice.long-term):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #eef3e8; --sq-status-border: #bfcea9; --sq-status-text: #405d2c; } body[data-app-view="leads"] .workspace :is(.lead-table .status.credit-repair,.selected-lead-panel .lead-panel-status-pill.credit-repair,.selected-lead-panel .lead-panel-status-body .status-choice.credit-repair):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #f1eafd; --sq-status-border: #cfb9ec; --sq-status-text: #594078; } body[data-app-view="leads"] .workspace :is(.lead-table .status.not-interested,.selected-lead-panel .lead-panel-status-pill.not-interested,.selected-lead-panel .lead-panel-status-body .status-choice.not-interested):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #f4edf0; --sq-status-border: #d7bdc7; --sq-status-text: #6f3b4b; } body[data-app-view="leads"] .workspace :is(.lead-table .status.not-qualified,.lead-table .status.not-eligible,.selected-lead-panel .lead-panel-status-pill.not-qualified,.selected-lead-panel .lead-panel-status-pill.not-eligible,.selected-lead-panel .lead-panel-status-body .status-choice.not-qualified,.selected-lead-panel .lead-panel-status-body .status-choice.not-eligible):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: #f1f2f4; --sq-status-border: #c9ced5; --sq-status-text: #4d5662; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card:not([open]) .lead-panel-status-pill:not(#sq-leads-status-tone-final-lock) { min-height: 34px !important; padding: 7px 12px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice.is-selected:not(#sq-leads-status-tone-final-lock) { border-color: color-mix(in srgb, var(--sq-status-text) 42%, var(--sq-status-border)) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.68), 0 1px 4px color-mix(in srgb, var(--sq-status-text) 12%, transparent) !important; font-weight: 780 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table tbody td:not(#sq-leads-status-tone-final-lock) { color: color-mix(in srgb, #f4f8ff 90%, var(--accent)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-name-line .lead-row-borrower-edit:not(#sq-leads-status-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-name-line .name-link:not(#sq-leads-status-tone-final-lock) { color: color-mix(in srgb, #8fc9ff 82%, #fff) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-subline :is(.lead-row-borrower-edit,.phone-link,.borrower-email-link,.inline-link):not(#sq-leads-status-tone-final-lock) { color: color-mix(in srgb, #77bff3 82%, #fff) !important; } /* Leads borrower-column contact stack: keep the blue palette, but unify the contact type family. */ body[data-app-view="leads"] .workspace .lead-table .borrower-cell :is(.borrower-subline,.borrower-subline .lead-row-borrower-edit,.borrower-subline .phone-link,.borrower-subline .borrower-email-link,.borrower-subline .inline-link,.borrower-cell .meta,.borrower-cell .phone-link,.borrower-cell .borrower-email-link,.borrower-cell .inline-link):not(#sq-final-leads-borrower-contact-family-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-cell :is(.borrower-subline,.borrower-subline .lead-row-borrower-edit,.borrower-subline .phone-link,.borrower-subline .borrower-email-link,.borrower-subline .inline-link,.borrower-cell .meta,.borrower-cell .phone-link,.borrower-cell .borrower-email-link,.borrower-cell .inline-link):not(#sq-final-leads-borrower-contact-family-lock) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-table-contact-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-table-contact-weight) !important; font-weight: var(--sq-font-table-contact-weight) !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } /* Leads/Funded saved-view dropdowns: dark native menu request plus approved StreamQuote control type. */ body:is([data-app-view="leads"],[data-app-view="funded"]) .header-lead-toolbar .saved-view-select, body[data-app-view="funded"] .funded-header-toolbar .saved-view-select { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-control-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-control-weight) !important; font-weight: var(--sq-font-control-weight) !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="funded"]) :is(.header-lead-toolbar,.funded-header-toolbar) .saved-view-select { background: #0f1b25 !important; background-color: #0f1b25 !important; border-color: color-mix(in srgb, #8cc9ed 42%, #223244) !important; color: #f6fbff !important; color-scheme: dark !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="funded"]) :is(.header-lead-toolbar,.funded-header-toolbar) .saved-view-select option { background: #0f1b25 !important; background-color: #0f1b25 !important; color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-table .status,.selected-lead-panel .lead-panel-status-pill,.selected-lead-panel .lead-panel-status-body .status-choice):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: color-mix(in srgb, #e8f2ff 12%, #101922); --sq-status-border: color-mix(in srgb, #8fb5d9 42%, #2c3b48); --sq-status-text: #dcecff; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-table .status.hot,.selected-lead-panel .lead-panel-status-pill.hot,.selected-lead-panel .lead-panel-status-body .status-choice.hot):not(#sq-leads-status-tone-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-table .status.needs-review,.selected-lead-panel .lead-panel-status-pill.needs-review,.selected-lead-panel .lead-panel-status-body .status-choice.needs-review):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: rgba(120, 82, 0, .28); --sq-status-border: rgba(236, 200, 109, .58); --sq-status-text: #ffe29a; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-table .status.quote-ready,.lead-table .status.green,.selected-lead-panel .lead-panel-status-pill.quote-ready,.selected-lead-panel .lead-panel-status-pill.green,.selected-lead-panel .lead-panel-status-body .status-choice.quote-ready,.selected-lead-panel .lead-panel-status-body .status-choice.green,.lead-table .status.appointment,.lead-table .status.follow-up,.selected-lead-panel .lead-panel-status-pill.appointment,.selected-lead-panel .lead-panel-status-pill.follow-up,.selected-lead-panel .lead-panel-status-body .status-choice.appointment,.selected-lead-panel .lead-panel-status-body .status-choice.follow-up):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: rgba(15, 97, 64, .3); --sq-status-border: rgba(105, 230, 161, .44); --sq-status-text: #9ff0c2; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-table .status.sent,.lead-table .status.blue,.lead-table .status.working,.lead-table .status.app-taken,.selected-lead-panel .lead-panel-status-pill.sent,.selected-lead-panel .lead-panel-status-pill.blue,.selected-lead-panel .lead-panel-status-pill.working,.selected-lead-panel .lead-panel-status-pill.app-taken,.selected-lead-panel .lead-panel-status-body .status-choice.sent,.selected-lead-panel .lead-panel-status-body .status-choice.blue,.selected-lead-panel .lead-panel-status-body .status-choice.working,.selected-lead-panel .lead-panel-status-body .status-choice.app-taken):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: rgba(36, 75, 117, .34); --sq-status-border: rgba(143, 201, 255, .44); --sq-status-text: #a9d5ff; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-table .status.opt-out-text,.lead-table .status.credit-repair,.selected-lead-panel .lead-panel-status-pill.opt-out-text,.selected-lead-panel .lead-panel-status-pill.credit-repair,.selected-lead-panel .lead-panel-status-body .status-choice.opt-out-text,.selected-lead-panel .lead-panel-status-body .status-choice.credit-repair):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: rgba(89, 64, 120, .34); --sq-status-border: rgba(207, 185, 236, .44); --sq-status-text: #d8c4ff; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-table .status.seasoning,.lead-table .status.long-term,.lead-table .status.not-interested,.lead-table .status.not-qualified,.lead-table .status.not-eligible,.selected-lead-panel .lead-panel-status-pill.seasoning,.selected-lead-panel .lead-panel-status-pill.long-term,.selected-lead-panel .lead-panel-status-pill.not-interested,.selected-lead-panel .lead-panel-status-pill.not-qualified,.selected-lead-panel .lead-panel-status-pill.not-eligible,.selected-lead-panel .lead-panel-status-body .status-choice.seasoning,.selected-lead-panel .lead-panel-status-body .status-choice.long-term,.selected-lead-panel .lead-panel-status-body .status-choice.not-interested,.selected-lead-panel .lead-panel-status-body .status-choice.not-qualified,.selected-lead-panel .lead-panel-status-body .status-choice.not-eligible):not(#sq-leads-status-tone-final-lock) { --sq-status-fill: rgba(111, 91, 58, .28); --sq-status-border: rgba(215, 193, 141, .42); --sq-status-text: #e7d5b0; } /* Selected lead status picker: active status gets a simple blue selector outline only. */ body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice:not(#sq-leads-status-selector-lock) { cursor: pointer !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice.is-selected:not(#sq-leads-status-selector-lock) { background: var(--sq-status-fill, var(--sq-pane-field-bg, #fff)) !important; border-color: #1689d8 !important; border-width: 1px !important; box-shadow: inset 0 0 0 1px rgba(22,137,216,.32) !important; color: var(--sq-status-text, var(--sq-pane-value, #142235)) !important; font-weight: 680 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice.is-selected span:not(#sq-leads-status-selector-lock) { color: inherit !important; font-weight: 680 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice:focus-within:not(#sq-leads-status-selector-lock) { outline: 0 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-body .status-choice.is-selected:not(#sq-leads-status-selector-lock) { border-color: #74c6ff !important; box-shadow: inset 0 0 0 1px rgba(116,198,255,.38) !important; } /* Selected lead status detail: match the chosen status tone even when review reasons remain. */ body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-readiness-status:not(#sq-leads-status-detail-tone-lock), body[data-app-view="leads"] .workspace .lead-quick-popover .lead-panel-readiness-status:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #eef4fa; --sq-status-border: color-mix(in srgb, #6f8398 24%, var(--line)); --sq-status-text: #233044; background: var(--sq-status-fill) !important; border-color: var(--sq-status-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 1px 2px rgba(16,24,32,.045) !important; color: var(--sq-status-text) !important; font-family: inherit !important; font-size: 12px !important; font-weight: 680 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status :is(strong,.meta,li):not(#sq-leads-status-detail-tone-lock) { color: var(--sq-status-text) !important; font-size: 12px !important; font-weight: 680 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.hot:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #fff2cb; --sq-status-border: #ecc86d; --sq-status-text: #755000; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.needs-review:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #fff8df; --sq-status-border: #e6c86c; --sq-status-text: #7a5200; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status:is(.quote-ready,.green):not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #e3f4ea; --sq-status-border: #a7d8bd; --sq-status-text: #0d5f2f; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status:is(.sent,.blue):not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #e6edf8; --sq-status-border: #a8bddc; --sq-status-text: #234f8f; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.working:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #e8f2ff; --sq-status-border: #aac9ec; --sq-status-text: #244b75; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.app-taken:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #eef1ff; --sq-status-border: #bcc5ef; --sq-status-text: #344082; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.appointment:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #e8f7f0; --sq-status-border: #acd8c4; --sq-status-text: #0f6140; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.opt-out-text:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #f2edf5; --sq-status-border: #d4c0dd; --sq-status-text: #5c4670; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.seasoning:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #f6efdf; --sq-status-border: #d7c18d; --sq-status-text: #735220; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.long-term:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #eef3e8; --sq-status-border: #bfcea9; --sq-status-text: #405d2c; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.credit-repair:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #f1eafd; --sq-status-border: #cfb9ec; --sq-status-text: #594078; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.not-interested:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #f4edf0; --sq-status-border: #d7bdc7; --sq-status-text: #6f3b4b; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.not-eligible:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: #f1f2f4; --sq-status-border: #c9ced5; --sq-status-text: #4d5662; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status:not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: color-mix(in srgb, #e8f2ff 12%, #101922); --sq-status-border: color-mix(in srgb, #8fb5d9 42%, #2c3b48); --sq-status-text: #dcecff; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status:is(.hot,.needs-review):not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: rgba(120, 82, 0, .28); --sq-status-border: rgba(236, 200, 109, .58); --sq-status-text: #ffe29a; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status:is(.quote-ready,.green,.appointment):not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: rgba(15, 97, 64, .3); --sq-status-border: rgba(105, 230, 161, .44); --sq-status-text: #9ff0c2; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status:is(.sent,.blue,.working,.app-taken):not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: rgba(36, 75, 117, .34); --sq-status-border: rgba(143, 201, 255, .44); --sq-status-text: #a9d5ff; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status:is(.opt-out-text,.credit-repair):not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: rgba(89, 64, 120, .34); --sq-status-border: rgba(207, 185, 236, .44); --sq-status-text: #d8c4ff; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status:is(.seasoning,.long-term,.not-interested,.not-eligible):not(#sq-leads-status-detail-tone-lock) { --sq-status-fill: rgba(111, 91, 58, .28); --sq-status-border: rgba(215, 193, 141, .42); --sq-status-text: #e7d5b0; } /* Collapsed Scenario alignment: expanded state is already tuned, so only correct the closed header rail and facts row. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-summary-actions:not(#sq-leads-collapsed-scenario-rail-align-lock) { position: relative !important; top: 2px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-facts:not(#sq-leads-collapsed-scenario-rail-align-lock) { position: relative !important; top: -2px !important; } /* Selected lead contact: keep street + city/state/zip as one Google link while preserving the two-line read. */ body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact > .selected-lead-address-link:not(#sq-lead-pane-full-address-link-lock) { display: grid !important; gap: 0 !important; justify-items: start !important; width: fit-content !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact > .selected-lead-address-link > span:not(#sq-lead-pane-full-address-link-lock) { color: inherit !important; display: block !important; font: inherit !important; line-height: inherit !important; } /* Leads top windows: use the smaller expanded label size in both collapsed and expanded states. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is( [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:not(#sq-leads-top-window-label-size-lock) { font-size: 16px !important; } /* Selected lead expanded Notes: match the refined collapsed preview typography. */ body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .lead-panel-notes-card[open] textarea[name="leadPanelNotes"]:not(#sq-lead-pane-expanded-notes-type-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-notes-card[open] textarea[name="leadPanelNotes"]:not(#sq-lead-pane-expanded-notes-type-lock) { color: var(--sq-pane-value, color-mix(in srgb, var(--ink) 94%, var(--primary))) !important; font-family: inherit !important; font-size: 13px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.42 !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .lead-panel-notes-card[open] textarea[name="leadPanelNotes"]:not(#sq-lead-pane-expanded-notes-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-notes-card[open] textarea[name="leadPanelNotes"]:not(#sq-lead-pane-expanded-notes-type-lock) { color: var(--lead-dark-text, #edf5fb) !important; } /* Selected lead pane labels: align Status/Notes/Log/Controls with the main window label language. */ body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:not(#sq-lead-pane-label-consistency-lock) { color: color-mix(in srgb, var(--ink) 96%, var(--primary)) !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card)[open] > .editor-section-summary > span:first-child:not(#sq-lead-pane-label-consistency-lock) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 60%, var(--primary)) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-inline-tab:not(#sq-lead-pane-label-consistency-lock) { color: color-mix(in srgb, var(--ink) 96%, var(--primary)) !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card[open] .lead-panel-status-inline-tab:not(#sq-lead-pane-label-consistency-lock) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 60%, var(--primary)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:not(#sq-lead-pane-label-consistency-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-inline-tab:not(#sq-lead-pane-label-consistency-lock) { color: #ffffff !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card)[open] > .editor-section-summary > span:first-child:not(#sq-lead-pane-label-consistency-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card[open] .lead-panel-status-inline-tab:not(#sq-lead-pane-label-consistency-lock) { color: color-mix(in srgb, var(--lead-dark-text, #edf5fb) 82%, #7cb9ff) !important; } /* Lead log readability: keep preview capitalization natural and make modal entries easier to scan/click. */ body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-collapsed-log .lead-panel-log-preview:not(#sq-lead-log-natural-case-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-log-preview-button .lead-panel-log-preview:not(#sq-lead-log-natural-case-lock) { letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover,.lead-log-modal-card) .update-log-entry p:not(#sq-lead-log-natural-case-lock) { font-size: 11.5px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.28 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover,.lead-log-modal-card) .update-log-entry-clear:not(#sq-lead-log-natural-case-lock) { background: color-mix(in srgb, var(--paper) 86%, transparent) !important; border: 1px solid color-mix(in srgb, var(--line) 72%, transparent) !important; border-radius: 999px !important; color: color-mix(in srgb, var(--muted) 72%, var(--ink)) !important; cursor: pointer !important; opacity: .72 !important; pointer-events: auto !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover,.lead-log-modal-card) .update-log-entry-clear:is(:hover,:focus,:focus-visible):not(#sq-lead-log-natural-case-lock) { background: color-mix(in srgb, var(--red) 9%, var(--paper)) !important; border-color: color-mix(in srgb, var(--red) 32%, var(--line)) !important; color: var(--red) !important; opacity: 1 !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover,.lead-log-modal-card) .update-log-list:not(#sq-lead-log-natural-case-lock) { cursor: default !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover,.lead-log-modal-card) .update-log-list.is-drag-scrolling:not(#sq-lead-log-natural-case-lock) { cursor: grabbing !important; } /* Expanded Scenario final anchor: lift label/actions 1px without changing button dimensions. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) [data-lead-editor-card="loanScenario"][open] > .editor-section-summary > span:first-child:not(#sq-leads-expanded-scenario-final-anchor-lock) { top: -3px !important; transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions .va-eligibility-toggle:not(#sq-leads-expanded-scenario-final-anchor-lock) { position: relative !important; top: -5px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields[open] .scenario-summary-actions .scenario-reprice-button:not(#sq-leads-expanded-scenario-final-anchor-lock) { position: relative !important; top: -3px !important; } /* Collapsed right lead rail: action chips follow Section Windows, not Workspace Backing. */ body[data-app-view="leads"] .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip:not(#sq-lead-rail-section-window-chip-lock), body[data-app-view="leads"] .lead-rail-inline-block .lead-rail-chip:not(#sq-lead-rail-section-window-chip-lock) { background: var(--workspace-section-window-fill) !important; background-color: var(--workspace-section-window-fill) !important; border-color: var(--workspace-section-window-border) !important; color: var(--workspace-font-color, var(--ink)) !important; } body[data-app-view="leads"] .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip:is(:hover,:focus,:focus-visible):not(#sq-lead-rail-section-window-chip-lock), body[data-app-view="leads"] .lead-rail-inline-block .lead-rail-chip:is(:hover,:focus,:focus-visible):not(#sq-lead-rail-section-window-chip-lock) { background: color-mix(in srgb, var(--workspace-section-window-fill) 84%, var(--accent)) !important; border-color: color-mix(in srgb, var(--workspace-section-window-border) 64%, var(--accent)) !important; color: color-mix(in srgb, var(--workspace-font-color, var(--ink)) 72%, var(--accent)) !important; } body[data-app-view="leads"] .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.is-active:not(#sq-lead-rail-section-window-chip-lock), body[data-app-view="leads"] .lead-rail-inline-block .lead-rail-chip.is-active:not(#sq-lead-rail-section-window-chip-lock) { background: color-mix(in srgb, var(--workspace-section-window-fill) 88%, var(--accent)) !important; border-color: color-mix(in srgb, var(--workspace-section-window-border) 58%, var(--accent)) !important; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent) !important; color: var(--workspace-font-color, var(--ink)) !important; } /* Collapsed Scenario: keep compact rail layout, but never hide required missing-data chips. */ body[data-app-view="leads"] .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]):has(.scenario-collapsed-fact.is-missing):not(#sq-leads-collapsed-required-facts-lock) { padding-bottom: 10px !important; } body[data-app-view="leads"] .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) > .editor-section-summary:has(.scenario-collapsed-fact.is-missing):not(#sq-leads-collapsed-required-facts-lock) { min-height: calc((var(--lead-card-header-pill-height) * 2) + 13px) !important; row-gap: 8px !important; } body[data-app-view="leads"] .workspace.has-lead-rail .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-collapsed-facts:has(.scenario-collapsed-fact.is-missing):not(#sq-leads-collapsed-required-facts-lock) { display: grid !important; grid-column: 1 / -1 !important; grid-row: 2 !important; margin-top: 0 !important; position: relative !important; top: 0 !important; width: 100% !important; } /* Full selected lead pane: let paired 1st/2nd balance amounts fit 8 characters. */ body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .lead-panel-piggyback-pair-stack:not(#sq-selected-pane-balance-fit-lock) { gap: 4px !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .lead-panel-piggyback-pair.quick-detail input.lead-panel-piggyback-pair-row:not(#sq-selected-pane-balance-fit-lock) { font-size: 12px !important; letter-spacing: 0 !important; padding-left: 5px !important; padding-right: 4px !important; } /* Mini compensation tags: evenly use the lower three rows instead of leaving bottom dead space. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp:not(#sq-mini-comp-even-row-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp:not(#sq-mini-comp-even-row-lock) { grid-template-rows: 19px repeat(3, minmax(0, 1fr)) !important; padding-bottom: 3px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label:not(#sq-mini-comp-even-row-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label:not(#sq-mini-comp-even-row-lock) { align-self: center !important; grid-row: 2 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values:not(#sq-mini-comp-even-row-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values:not(#sq-mini-comp-even-row-lock) { display: contents !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp :is(.mini-comp-values > strong,.mini-comp-percent-input):not(#sq-mini-comp-even-row-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp :is(.mini-comp-values > strong,.mini-comp-percent-input):not(#sq-mini-comp-even-row-lock) { align-self: center !important; grid-column: 1 !important; grid-row: 3 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values > b:not(#sq-mini-comp-even-row-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-values > b:not(#sq-mini-comp-even-row-lock) { align-self: center !important; grid-column: 1 !important; grid-row: 4 !important; } /* Selected lead pane: text boxes and tabs stay standard white, outside Inner Field Cards. */ body[data-app-view="leads"] .workspace .selected-lead-panel:not(#sq-selected-pane-white-controls-lock) { --sq-pane-field-bg: #ffffff; --sq-pane-field-border: color-mix(in srgb, #c7d3dc 88%, var(--line)); } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail input,.quick-detail select,.quick-choice-menu summary,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-pair-row,.lead-panel-piggyback-ratio-mini input):not(#sq-selected-pane-white-controls-lock), body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:not(#sq-selected-pane-white-controls-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-inline-tab:not(#sq-selected-pane-white-controls-lock), body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button,.lead-panel-second-structure-toggle):not(#sq-selected-pane-white-controls-lock) { background: #ffffff !important; background-color: #ffffff !important; border-color: var(--sq-pane-field-border, color-mix(in srgb, #c7d3dc 88%, var(--line))) !important; color: var(--sq-pane-value, #142235) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail input,.quick-detail select,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-pair-row,.lead-panel-piggyback-ratio-mini input):not(#sq-selected-pane-white-controls-lock), body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button,.lead-panel-second-structure-toggle span):not(#sq-selected-pane-white-controls-lock) { color: var(--sq-pane-value, #142235) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-readiness-status:not(#sq-selected-pane-white-controls-lock) { background: #ffffff !important; background-color: #ffffff !important; border-color: var(--sq-pane-field-border, color-mix(in srgb, #c7d3dc 88%, var(--line))) !important; color: var(--sq-pane-value, #142235) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-readiness-status :is(strong,.meta,li):not(#sq-selected-pane-white-controls-lock) { color: var(--sq-pane-value, #142235) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel:not(#sq-selected-pane-white-controls-lock) { --sq-pane-field-bg: #ffffff; --sq-pane-field-border: color-mix(in srgb, #b9c8d4 84%, #ffffff); --sq-pane-value: #102033; --sq-pane-title: #102033; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail input,.quick-detail select,.quick-choice-menu summary,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-pair-row,.lead-panel-piggyback-ratio-mini input):not(#sq-selected-pane-white-controls-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:not(#sq-selected-pane-white-controls-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-inline-tab:not(#sq-selected-pane-white-controls-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-readiness-status,.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button,.lead-panel-second-structure-toggle):not(#sq-selected-pane-white-controls-lock) { background: #ffffff !important; background-color: #ffffff !important; border-color: var(--sq-pane-field-border, color-mix(in srgb, #b9c8d4 84%, #ffffff)) !important; color: #102033 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-readiness-status :is(strong,.meta,li):not(#sq-selected-pane-white-controls-lock) { color: #102033 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus):not(#sq-selected-pane-risk-white-controls-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus):not(#sq-selected-pane-risk-white-controls-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus):not(#sq-selected-pane-risk-white-controls-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini:is(.scenario-ltv-safe,.scenario-fico-safe,.scenario-ltv-caution,.scenario-fico-caution,.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus):not(#sq-selected-pane-risk-white-controls-lock) { color: var(--sq-pane-value, #142235) !important; } /* Selected lead pane risk metrics keep tiered fills while ordinary text boxes stay white. */ body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe) input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-safe input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-safe input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock) { background: #e8f6ef !important; background-color: #e8f6ef !important; border-color: #88c4a4 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 0 0 1px rgba(34,197,94,.08) !important; color: #102033 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution) input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-caution input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-caution input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock) { background: #fff3cf !important; background-color: #fff3cf !important; border-color: #e2b64a !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 0 0 1px rgba(217,158,25,.10) !important; color: #102033 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-alert input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-alert input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock) { background: #fdebed !important; background-color: #fdebed !important; border-color: #e49aa3 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 0 0 1px rgba(225,76,91,.08) !important; color: #102033 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-safe,.scenario-fico-safe) input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-safe input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-safe input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock) { background: #dff3e9 !important; background-color: #dff3e9 !important; border-color: #76bd96 !important; color: #102033 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-caution,.scenario-fico-caution) input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-caution input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-caution input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock) { background: #fff0bf !important; background-color: #fff0bf !important; border-color: #d8aa39 !important; color: #102033 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:is(.scenario-ltv-alert,.scenario-fico-alert) input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-ltv-alert input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail .lead-panel-piggyback-ratio-mini.scenario-fico-alert input:not(:focus):not(#sq-selected-pane-risk-tier-final-lock) { background: #fbdfe4 !important; background-color: #fbdfe4 !important; border-color: #dd8994 !important; color: #102033 !important; } /* Status section log preview: match modal log entry capitalization. */ body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .lead-panel-status-log-preview-button:not(#sq-status-log-preview-case-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .lead-panel-status-log-preview-button .lead-panel-log-preview:not(#sq-status-log-preview-case-lock), body[data-app-view="leads"] .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated .lead-panel-status-nested .lead-panel-log-card.is-embedded:not([open]) .lead-panel-log-preview:not(#sq-status-log-preview-case-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .lead-panel-status-log-preview-button:not(#sq-status-log-preview-case-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .lead-panel-status-log-preview-button .lead-panel-log-preview:not(#sq-status-log-preview-case-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated .lead-panel-status-nested .lead-panel-log-card.is-embedded:not([open]) .lead-panel-log-preview:not(#sq-status-log-preview-case-lock) { letter-spacing: 0 !important; text-transform: none !important; } /* Collapsed Status Note tab: open a compact notes popout without toggling Status. */ body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-note-popout-button:not(#sq-status-note-popout-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-note-popout-button:not(#sq-status-note-popout-lock) { appearance: none !important; cursor: pointer !important; font-family: inherit !important; margin: 0 !important; } body[data-app-view="leads"] .lead-quick-popover-notes.is-source-status-note:not(#sq-status-note-popout-lock), html[data-theme="dark"] body[data-app-view="leads"] .lead-quick-popover-notes.is-source-status-note:not(#sq-status-note-popout-lock) { padding: 10px !important; width: min(var(--lead-quick-popover-width, 300px), calc(100dvw - 20px)) !important; } body[data-app-view="leads"] .lead-quick-popover-notes.is-source-status-note .lead-quick-notes-panel:not(#sq-status-note-popout-lock), html[data-theme="dark"] body[data-app-view="leads"] .lead-quick-popover-notes.is-source-status-note .lead-quick-notes-panel:not(#sq-status-note-popout-lock) { gap: 0 !important; padding: 0 !important; } body[data-app-view="leads"] .lead-quick-popover-notes.is-source-status-note .lead-quick-notes-panel textarea:not(#sq-status-note-popout-lock), html[data-theme="dark"] body[data-app-view="leads"] .lead-quick-popover-notes.is-source-status-note .lead-quick-notes-panel textarea:not(#sq-status-note-popout-lock) { min-height: 126px !important; } /* Lead table rows: retire the thin stencil pass and use the current StreamQuote type rhythm. */ body[data-app-view="leads"] .workspace .lead-table tbody td:not(#sq-lead-row-type-refresh-lock), body[data-app-view="leads"] .workspace .lead-table tbody td :is(span,strong,a,button,small):not(#sq-lead-row-type-refresh-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table tbody td:not(#sq-lead-row-type-refresh-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table tbody td :is(span,strong,a,button,small):not(#sq-lead-row-type-refresh-lock) { font-family: inherit !important; font-style: normal !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .lead-table tbody td:not(#sq-lead-row-type-refresh-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table tbody td:not(#sq-lead-row-type-refresh-lock) { color: var(--ink) !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1.18 !important; } body[data-app-view="leads"] .workspace .lead-table .borrower-name-line:not(#sq-lead-row-type-refresh-lock), body[data-app-view="leads"] .workspace .lead-table .borrower-name-line .lead-row-borrower-edit:not(#sq-lead-row-type-refresh-lock), body[data-app-view="leads"] .workspace .lead-table .borrower-name-line .name-link:not(#sq-lead-row-type-refresh-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-name-line:not(#sq-lead-row-type-refresh-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-name-line .lead-row-borrower-edit:not(#sq-lead-row-type-refresh-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-name-line .name-link:not(#sq-lead-row-type-refresh-lock) { font-size: 13.5px !important; font-weight: 720 !important; line-height: 1.14 !important; } body[data-app-view="leads"] .workspace .lead-table .borrower-subline:not(#sq-lead-row-type-refresh-lock), body[data-app-view="leads"] .workspace .lead-table .borrower-subline :is(.lead-row-borrower-edit,.phone-link,.borrower-email-link,.inline-link):not(#sq-lead-row-type-refresh-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-subline:not(#sq-lead-row-type-refresh-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-subline :is(.lead-row-borrower-edit,.phone-link,.borrower-email-link,.inline-link):not(#sq-lead-row-type-refresh-lock) { font-size: 13px !important; font-weight: 600 !important; line-height: 1.18 !important; } body[data-app-view="leads"] .workspace .lead-table .status:not(#sq-lead-row-type-refresh-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .status:not(#sq-lead-row-type-refresh-lock) { font-size: 12.5px !important; font-weight: 650 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .lead-table .lead-table-action:not(#sq-lead-row-type-refresh-lock), body[data-app-view="leads"] .workspace .lead-table .lead-table-action span:not(#sq-lead-row-type-refresh-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .lead-table-action:not(#sq-lead-row-type-refresh-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .lead-table-action span:not(#sq-lead-row-type-refresh-lock) { font-size: 12px !important; font-weight: 650 !important; letter-spacing: 0 !important; text-transform: none !important; } /* Lead Source table tags: screenshot-ready bubbles with compact, fitted typography. */ body[data-app-view="leads"] .workspace .lead-table td.lead-col-leadSource:not(#sq-lead-source-bubble-lock) { padding-left: 8px !important; padding-right: 8px !important; text-align: center !important; } body[data-app-view="leads"] .workspace .lead-table .lead-table-source-pill.source-pill:not(#sq-lead-source-bubble-lock) { --sq-source-bubble-fill: color-mix(in srgb, var(--source-pill-accent, var(--brand-gold)) 12%, #fff); --sq-source-bubble-border: color-mix(in srgb, var(--source-pill-accent, var(--brand-gold)) 52%, var(--line)); --sq-source-bubble-text: color-mix(in srgb, var(--source-pill-accent, var(--brand-gold)) 66%, #101820); align-items: center !important; background-color: var(--sq-source-bubble-fill) !important; background-image: linear-gradient(180deg, color-mix(in srgb, #fff 52%, var(--sq-source-bubble-fill)), var(--sq-source-bubble-fill)) !important; border: 1px solid var(--sq-source-bubble-border) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), inset 0 -1px 0 color-mix(in srgb, var(--source-pill-accent, var(--brand-gold)) 12%, transparent), 0 1px 2px rgba(16,24,32,.06) !important; box-sizing: border-box !important; color: var(--sq-source-bubble-text) !important; display: inline-flex !important; font-size: 11.5px !important; font-weight: 750 !important; height: 30px !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1 !important; margin: 0 auto !important; max-width: min(126px, calc(100% - 2px)) !important; min-width: 78px !important; overflow: hidden !important; padding: 6px 11px !important; text-align: center !important; text-overflow: ellipsis !important; text-transform: none !important; white-space: nowrap !important; width: fit-content !important; } body[data-app-view="leads"] .workspace .lead-table .lead-table-source-pill.source-pill[class*="source-tone-source-"]:not(#sq-lead-source-bubble-lock) { justify-content: center !important; padding-left: 11px !important; } body[data-app-view="leads"] .workspace .lead-table .lead-table-source-pill.source-pill:is(.source-tone-source-self-gen,.source-tone-source-selfgen,.source-tone-source-topaz,.source-tone-source-yellow):not(#sq-lead-source-bubble-lock) { --source-pill-accent: #d39a1e; --sq-source-bubble-fill: #fff4cf; --sq-source-bubble-border: #e1af3c; --sq-source-bubble-text: #76500a; } body[data-app-view="leads"] .workspace .lead-table .lead-table-source-pill.source-pill:is(.source-tone-source-leadmailbox,.source-tone-source-zillow,.source-tone-source-website,.source-tone-source-facebook,.source-tone-source-manual-import,.source-tone-source-manual-1003,.source-tone-source-excel-import,.source-tone-source-lead-handoff):not(#sq-lead-source-bubble-lock) { --source-pill-accent: #2377c9; --sq-source-bubble-fill: #eaf4ff; --sq-source-bubble-border: #8fbce6; --sq-source-bubble-text: #1d5793; } body[data-app-view="leads"] .workspace .lead-table .lead-table-source-pill.source-pill:is(.source-tone-source-referral,.source-tone-source-realtor,.source-tone-source-builder,.source-tone-source-investor-list,.source-tone-source-emerald,.source-tone-source-teal):not(#sq-lead-source-bubble-lock) { --source-pill-accent: #168b55; --sq-source-bubble-fill: #e9f7ef; --sq-source-bubble-border: #8ec8aa; --sq-source-bubble-text: #12623e; } body[data-app-view="leads"] .workspace .lead-table .lead-table-source-pill.source-pill:is(.source-tone-source-past-client,.source-tone-source-funded-loans,.source-tone-source-amethyst,.source-tone-source-magenta,.source-tone-source-ruby):not(#sq-lead-source-bubble-lock) { --source-pill-accent: #7a58b2; --sq-source-bubble-fill: #f1ecfb; --sq-source-bubble-border: #bca9df; --sq-source-bubble-text: #563f86; } body[data-app-view="leads"] .workspace .lead-table .lead-table-source-pill.source-pill:is(.source-tone-source-brown,.source-tone-source-maroon,.source-tone-source-orange,.source-tone-source-black,.source-tone-source-sapphire,.source-tone-source-cold-outreach,.source-tone-source-opal):not(#sq-lead-source-bubble-lock) { --source-pill-accent: #815b3b; --sq-source-bubble-fill: #f4eee8; --sq-source-bubble-border: #c4a486; --sq-source-bubble-text: #664323; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .lead-table-source-pill.source-pill:not(#sq-lead-source-bubble-lock) { background-color: color-mix(in srgb, var(--source-pill-accent, var(--brand-gold)) 10%, #101a24) !important; background-image: linear-gradient(180deg, color-mix(in srgb, var(--source-pill-accent, var(--brand-gold)) 18%, #172331), color-mix(in srgb, var(--source-pill-accent, var(--brand-gold)) 10%, #101a24)) !important; border-color: color-mix(in srgb, var(--source-pill-accent, var(--brand-gold)) 54%, #334354) !important; color: color-mix(in srgb, var(--source-pill-accent, var(--brand-gold)) 38%, #f3f8ff) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.18) !important; } /* Fee action rows: UFMIP and Title & Settlement keep normal row weight when expanded. */ body .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span :is(.fee-ufmip-main-label,.fee-title-reissue-main-label):not(#sq-fee-action-row-weight-lock), body .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > strong.fee-title-reissue-value:not(#sq-fee-action-row-weight-lock), body .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > strong.fee-title-reissue-value > span:not(#sq-fee-action-row-weight-lock), body .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row:has(.fee-ufmip-main-label) > strong:not(#sq-fee-action-row-weight-lock) { color: var(--ink) !important; font-weight: 700 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span :is(.fee-ufmip-main-label,.fee-title-reissue-main-label):not(#sq-fee-action-row-weight-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > strong.fee-title-reissue-value:not(#sq-fee-action-row-weight-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > strong.fee-title-reissue-value > span:not(#sq-fee-action-row-weight-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row:has(.fee-ufmip-main-label) > strong:not(#sq-fee-action-row-weight-lock) { color: var(--lead-dark-text, var(--ink)) !important; font-weight: 700 !important; } /* Escrow prepaids controls and totals keep final preview typography. */ body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .escrow-tax-fetch-button:not(#sq-escrow-final-type-lock), body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .tax-fetch-button:not(#sq-escrow-final-type-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .escrow-tax-fetch-button:not(#sq-escrow-final-type-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .tax-fetch-button:not(#sq-escrow-final-type-lock) { color: #ffffff !important; font-size: 11px !important; font-weight: 850 !important; letter-spacing: 0 !important; text-transform: none !important; } body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .quote-breakdown-rows > .quote-breakdown-row > span:not(#sq-escrow-final-type-lock), body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .quote-breakdown-rows > .quote-breakdown-row > strong:not(#sq-escrow-final-type-lock) { color: var(--ink) !important; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; } body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .quote-breakdown-rows > .quote-breakdown-row.is-total-row > span:not(#sq-escrow-final-type-lock), body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .quote-breakdown-rows > .quote-breakdown-row.is-total-row > strong:not(#sq-escrow-final-type-lock) { font-weight: 800 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .quote-breakdown-rows > .quote-breakdown-row > span:not(#sq-escrow-final-type-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .quote-breakdown-rows > .quote-breakdown-row > strong:not(#sq-escrow-final-type-lock) { color: var(--lead-dark-text, var(--ink)) !important; } /* Expanded Status detail: status tone wins over generic white text-box locks. */ body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status:not(#sq-status-detail-final-tone-lock) { background: var(--sq-status-fill, #eef4fa) !important; background-color: var(--sq-status-fill, #eef4fa) !important; border-color: var(--sq-status-border, color-mix(in srgb, #6f8398 24%, var(--line))) !important; color: var(--sq-status-text, #233044) !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status :is(strong,.meta,li):not(#sq-status-detail-final-tone-lock) { color: var(--sq-status-text, #233044) !important; } /* Expanded Status detail final: selected status controls backing; text remains black. */ body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status:not(#sq-status-detail-black-text-lock) { color: #101820 !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.hot:not(#sq-status-detail-black-text-lock) { background: #fff2cb !important; background-color: #fff2cb !important; border-color: #ecc86d !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.needs-review:not(#sq-status-detail-backing-final-lock) { background: #fff8df !important; background-color: #fff8df !important; border-color: #e6c86c !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status:is(.quote-ready,.green):not(#sq-status-detail-backing-final-lock) { background: #e3f4ea !important; background-color: #e3f4ea !important; border-color: #a7d8bd !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status:is(.sent,.blue):not(#sq-status-detail-backing-final-lock) { background: #e6edf8 !important; background-color: #e6edf8 !important; border-color: #a8bddc !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.working:not(#sq-status-detail-backing-final-lock) { background: #e8f2ff !important; background-color: #e8f2ff !important; border-color: #aac9ec !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.app-taken:not(#sq-status-detail-backing-final-lock) { background: #eef1ff !important; background-color: #eef1ff !important; border-color: #bcc5ef !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.appointment:not(#sq-status-detail-backing-final-lock) { background: #e8f7f0 !important; background-color: #e8f7f0 !important; border-color: #acd8c4 !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.opt-out-text:not(#sq-status-detail-backing-final-lock) { background: #f2edf5 !important; background-color: #f2edf5 !important; border-color: #d4c0dd !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.seasoning:not(#sq-status-detail-backing-final-lock) { background: #f6efdf !important; background-color: #f6efdf !important; border-color: #d7c18d !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.long-term:not(#sq-status-detail-backing-final-lock) { background: #eef3e8 !important; background-color: #eef3e8 !important; border-color: #bfcea9 !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.credit-repair:not(#sq-status-detail-backing-final-lock) { background: #f1eafd !important; background-color: #f1eafd !important; border-color: #cfb9ec !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.not-interested:not(#sq-status-detail-backing-final-lock) { background: #f4edf0 !important; background-color: #f4edf0 !important; border-color: #d7bdc7 !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status.not-eligible:not(#sq-status-detail-backing-final-lock) { background: #f1f2f4 !important; background-color: #f1f2f4 !important; border-color: #c9ced5 !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-quick-popover) .lead-panel-readiness-status :is(strong,.meta,li):not(#sq-status-detail-black-text-lock) { color: #101820 !important; } /* Expanded fee/prepaid drilldowns keep summary values at the same weight as collapsed rows. */ body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary > :is(strong,input):not(#sq-expanded-fee-summary-value-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary > :is(strong,input):not(#sq-expanded-fee-summary-value-lock) { color: var(--sq-lower-rate-value, var(--ink)) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.1 !important; } /* Origination Buyout action: fast, unmistakable on/off pill. */ body .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout]:not(#sq-origination-buyout-button-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout]:not(#sq-origination-buyout-button-final-lock) { background: color-mix(in srgb, #ffffff 90%, #2d8ce6) !important; border-color: color-mix(in srgb, #2d8ce6 68%, var(--line)) !important; color: #0d4f8f !important; font-size: 10px !important; font-weight: 800 !important; gap: 0 !important; justify-content: center !important; letter-spacing: 0 !important; min-width: 64px !important; padding: 5px 10px !important; text-transform: none !important; } body .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout] span:not(#sq-origination-buyout-button-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout] span:not(#sq-origination-buyout-button-final-lock) { display: none !important; } body .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout]:is(:hover,:focus):not(#sq-origination-buyout-button-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout]:is(:hover,:focus):not(#sq-origination-buyout-button-final-lock) { background: color-mix(in srgb, #ffffff 82%, #2d8ce6) !important; border-color: #2d8ce6 !important; box-shadow: 0 2px 7px color-mix(in srgb, #2d8ce6 16%, transparent) !important; } body .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout].is-on:not(#sq-origination-buyout-button-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout].is-on:not(#sq-origination-buyout-button-final-lock) { background: #0b76d1 !important; border-color: #0b76d1 !important; box-shadow: 0 2px 8px color-mix(in srgb, #0b76d1 26%, transparent) !important; color: #ffffff !important; } body .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout].is-on span:not(#sq-origination-buyout-button-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle[data-mini-origination-buyout].is-on span:not(#sq-origination-buyout-button-final-lock) { display: none !important; } /* Financed fee action: same text-only fast-toggle pill as Buyout. */ body .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill:not(#sq-financed-fee-pill-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill:not(#sq-financed-fee-pill-final-lock) { background: color-mix(in srgb, #ffffff 90%, #2d8ce6) !important; border-color: color-mix(in srgb, #2d8ce6 68%, var(--line)) !important; color: #0d4f8f !important; font-size: 10px !important; font-weight: 800 !important; gap: 0 !important; justify-content: center !important; letter-spacing: 0 !important; min-width: 70px !important; padding: 5px 10px !important; text-transform: none !important; } body .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill span:not(#sq-financed-fee-pill-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill span:not(#sq-financed-fee-pill-final-lock) { display: none !important; } body .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill:is(:hover,:focus):not(#sq-financed-fee-pill-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill:is(:hover,:focus):not(#sq-financed-fee-pill-final-lock) { background: color-mix(in srgb, #ffffff 82%, #2d8ce6) !important; border-color: #2d8ce6 !important; box-shadow: 0 2px 7px color-mix(in srgb, #2d8ce6 16%, transparent) !important; outline: 0 !important; } body .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill.is-on:not(#sq-financed-fee-pill-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill.is-on:not(#sq-financed-fee-pill-final-lock) { background: #0b76d1 !important; border-color: #0b76d1 !important; box-shadow: 0 2px 8px color-mix(in srgb, #0b76d1 26%, transparent) !important; color: #ffffff !important; } body .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill.is-on span:not(#sq-financed-fee-pill-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle.fee-financed-pill.is-on span:not(#sq-financed-fee-pill-final-lock) { display: none !important; } /* VA funding-fee use cycles through selected statuses with the same responsive pill style. */ body .mini-fee-itemization .fee-buyout-toggle.fee-va-funding-use:not(#sq-va-funding-use-pill-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-buyout-toggle.fee-va-funding-use:not(#sq-va-funding-use-pill-final-lock) { background: #0b76d1 !important; border-color: #0b76d1 !important; box-shadow: 0 2px 8px color-mix(in srgb, #0b76d1 26%, transparent) !important; color: #ffffff !important; font-size: 10px !important; font-weight: 800 !important; justify-content: center !important; letter-spacing: 0 !important; min-width: 82px !important; padding: 5px 10px !important; text-transform: none !important; } /* UFMIP refund action uses the same blue bubble typography as the adjacent fee actions. */ body .mini-fee-itemization .fee-title-reissue-toggle.fee-ufmip-refund-toggle:not(#sq-ufmip-refund-bubble-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-toggle.fee-ufmip-refund-toggle:not(#sq-ufmip-refund-bubble-final-lock) { background: color-mix(in srgb, #ffffff 90%, #2d8ce6) !important; border-color: color-mix(in srgb, #2d8ce6 68%, var(--line)) !important; color: #0d4f8f !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: 0 !important; min-height: 24px !important; padding: 5px 10px !important; text-transform: none !important; } body .mini-fee-itemization .fee-title-reissue-toggle.fee-ufmip-refund-toggle:is(:hover,:focus):not(#sq-ufmip-refund-bubble-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-toggle.fee-ufmip-refund-toggle:is(:hover,:focus):not(#sq-ufmip-refund-bubble-final-lock) { background: color-mix(in srgb, #ffffff 82%, #2d8ce6) !important; border-color: #2d8ce6 !important; box-shadow: 0 2px 7px color-mix(in srgb, #2d8ce6 16%, transparent) !important; outline: 0 !important; } body .mini-fee-itemization .fee-title-reissue-toggle.fee-ufmip-refund-toggle.is-on:not(#sq-ufmip-refund-bubble-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-toggle.fee-ufmip-refund-toggle.is-on:not(#sq-ufmip-refund-bubble-final-lock) { background: #0b76d1 !important; border-color: #0b76d1 !important; box-shadow: 0 2px 8px color-mix(in srgb, #0b76d1 26%, transparent) !important; color: #ffffff !important; } body .mini-fee-itemization .fee-title-reissue-inline-credit.fee-ufmip-refund-inline-credit:not(#sq-ufmip-refund-credit-caption-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-inline-credit.fee-ufmip-refund-inline-credit:not(#sq-ufmip-refund-credit-caption-final-lock) { align-items: center !important; color: #0d7a3a !important; display: inline-flex !important; font-size: 10px !important; font-style: normal !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1 !important; margin-left: 2px !important; min-height: 24px !important; text-transform: none !important; white-space: nowrap !important; } /* UFMIP month selector: preserve native select behavior, but match the new fee-bubble rhythm. */ body .mini-fee-itemization .fee-title-reissue-date-selects.fee-ufmip-refund-date-selects:not(#sq-ufmip-month-select-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-date-selects.fee-ufmip-refund-date-selects:not(#sq-ufmip-month-select-final-lock) { grid-template-columns: 78px !important; width: 78px !important; } body .mini-fee-itemization .fee-title-reissue-date-selects.fee-ufmip-refund-date-selects select:not(#sq-ufmip-month-select-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-date-selects.fee-ufmip-refund-date-selects select:not(#sq-ufmip-month-select-final-lock) { background: color-mix(in srgb, #ffffff 90%, #2d8ce6) !important; border-color: color-mix(in srgb, #2d8ce6 68%, var(--line)) !important; border-radius: 999px !important; color: #0d4f8f !important; font-family: inherit !important; font-size: 10px !important; font-weight: 800 !important; height: 24px !important; letter-spacing: 0 !important; line-height: 1 !important; min-width: 78px !important; padding: 0 6px !important; text-align: center !important; text-transform: none !important; } body .mini-fee-itemization .fee-title-reissue-date-selects.fee-ufmip-refund-date-selects select:is(:hover,:focus):not(#sq-ufmip-month-select-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-date-selects.fee-ufmip-refund-date-selects select:is(:hover,:focus):not(#sq-ufmip-month-select-final-lock) { background: color-mix(in srgb, #ffffff 82%, #2d8ce6) !important; border-color: #2d8ce6 !important; box-shadow: 0 2px 7px color-mix(in srgb, #2d8ce6 16%, transparent) !important; outline: 0 !important; } body .mini-fee-itemization .fee-title-reissue-date-selects.fee-ufmip-refund-date-selects select option:not(#sq-ufmip-month-select-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-date-selects.fee-ufmip-refund-date-selects select option:not(#sq-ufmip-month-select-final-lock) { background: #ffffff !important; color: #0d4f8f !important; font-size: 11px !important; font-weight: 700 !important; } /* Title re-issue action: match the final blue fee-toggle and month selector rhythm. */ body .mini-fee-itemization .fee-title-reissue-toggle:not(.fee-ufmip-refund-toggle):not(#sq-title-reissue-bubble-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-toggle:not(.fee-ufmip-refund-toggle):not(#sq-title-reissue-bubble-final-lock) { background: color-mix(in srgb, #ffffff 90%, #2d8ce6) !important; border-color: color-mix(in srgb, #2d8ce6 68%, var(--line)) !important; border-radius: 999px !important; color: #0d4f8f !important; font-size: 10px !important; font-weight: 800 !important; gap: 0 !important; justify-content: center !important; letter-spacing: 0 !important; min-height: 24px !important; min-width: 70px !important; padding: 5px 10px !important; text-transform: none !important; } body .mini-fee-itemization .fee-title-reissue-toggle:not(.fee-ufmip-refund-toggle) .fee-title-reissue-caret:not(#sq-title-reissue-bubble-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-toggle:not(.fee-ufmip-refund-toggle) .fee-title-reissue-caret:not(#sq-title-reissue-bubble-final-lock) { display: none !important; } body .mini-fee-itemization .fee-title-reissue-toggle:not(.fee-ufmip-refund-toggle):is(:hover,:focus):not(#sq-title-reissue-bubble-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-toggle:not(.fee-ufmip-refund-toggle):is(:hover,:focus):not(#sq-title-reissue-bubble-final-lock) { background: color-mix(in srgb, #ffffff 82%, #2d8ce6) !important; border-color: #2d8ce6 !important; box-shadow: 0 2px 7px color-mix(in srgb, #2d8ce6 16%, transparent) !important; outline: 0 !important; } body .mini-fee-itemization .fee-title-reissue-toggle:not(.fee-ufmip-refund-toggle).is-on:not(#sq-title-reissue-bubble-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-toggle:not(.fee-ufmip-refund-toggle).is-on:not(#sq-title-reissue-bubble-final-lock) { background: #0b76d1 !important; border-color: #0b76d1 !important; box-shadow: 0 2px 8px color-mix(in srgb, #0b76d1 26%, transparent) !important; color: #ffffff !important; } body .mini-fee-itemization .fee-title-reissue-date-selects:not(.fee-ufmip-refund-date-selects):not(#sq-title-reissue-month-select-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-date-selects:not(.fee-ufmip-refund-date-selects):not(#sq-title-reissue-month-select-final-lock) { grid-template-columns: 78px !important; width: 78px !important; } body .mini-fee-itemization .fee-title-reissue-date-selects:not(.fee-ufmip-refund-date-selects) select:not(#sq-title-reissue-month-select-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-date-selects:not(.fee-ufmip-refund-date-selects) select:not(#sq-title-reissue-month-select-final-lock) { background: color-mix(in srgb, #ffffff 90%, #2d8ce6) !important; border-color: color-mix(in srgb, #2d8ce6 68%, var(--line)) !important; border-radius: 999px !important; color: #0d4f8f !important; font-family: inherit !important; font-size: 10px !important; font-weight: 800 !important; height: 24px !important; letter-spacing: 0 !important; line-height: 1 !important; min-width: 78px !important; padding: 0 6px !important; text-align: center !important; text-transform: none !important; } body .mini-fee-itemization .fee-title-reissue-date-selects:not(.fee-ufmip-refund-date-selects) select:is(:hover,:focus):not(#sq-title-reissue-month-select-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-date-selects:not(.fee-ufmip-refund-date-selects) select:is(:hover,:focus):not(#sq-title-reissue-month-select-final-lock) { background: color-mix(in srgb, #ffffff 82%, #2d8ce6) !important; border-color: #2d8ce6 !important; box-shadow: 0 2px 7px color-mix(in srgb, #2d8ce6 16%, transparent) !important; outline: 0 !important; } body .mini-fee-itemization .fee-title-reissue-date-selects:not(.fee-ufmip-refund-date-selects) select option:not(#sq-title-reissue-month-select-final-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-date-selects:not(.fee-ufmip-refund-date-selects) select option:not(#sq-title-reissue-month-select-final-lock) { background: #ffffff !important; color: #0d4f8f !important; font-size: 11px !important; font-weight: 700 !important; } /* Seller Credit collapsed caption stays link-blue and independent of palette controls. */ body[data-app-view="leads"] .workspace .mini-fee-itemization-row .mini-seller-credit-toggle .mini-seller-credit-copy:not(#sq-seller-credit-link-blue-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row .mini-seller-credit-toggle .mini-seller-credit-copy:not(#sq-seller-credit-link-blue-final-lock) { color: #0077ff !important; font-weight: 750 !important; letter-spacing: 0 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .mini-fee-itemization-row .mini-seller-credit-toggle:not(.is-on):not([aria-pressed="true"]):not(#sq-seller-credit-link-blue-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-fee-itemization-row .mini-seller-credit-toggle:not(.is-on):not([aria-pressed="true"]):not(#sq-seller-credit-link-blue-final-lock) { color: #0077ff !important; } /* Fee and escrow drilldown captions keep the same typography when opened. */ body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > summary > span:first-child:not(#sq-expanded-drilldown-caption-font-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > summary > span:first-child:not(#sq-expanded-drilldown-caption-font-lock) { color: color-mix(in srgb, var(--ink) 72%, var(--muted)) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-transform: none !important; } /* Expanded Controls: Docs and MISMO use the same neutral backing as Preview Quote and Import Rates. */ body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-tool-actions-grid .lead-panel-control-icon:is([data-action="open-doc-checklist"],[data-action="open-mismo-launcher"]):not(#sq-controls-docs-mismo-neutral-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-tool-actions-grid .lead-panel-control-icon:is([data-action="open-doc-checklist"],[data-action="open-mismo-launcher"]):not(#sq-controls-docs-mismo-neutral-lock) { background: linear-gradient(180deg, #f8fbff, #edf6fb) !important; border-color: color-mix(in srgb, var(--primary) 30%, var(--line)) !important; } /* Expanded Add-ons: non-base/net left captions are regular weight; right values stay unchanged. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer .eligibility-addon-row:not(.is-base-row):not(.is-net-row) > span:not(#sq-addons-left-caption-regular-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer .eligibility-addon-row:not(.is-base-row):not(.is-net-row) > span em:not(#sq-addons-left-caption-regular-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer .eligibility-addon-row:not(.is-base-row):not(.is-net-row) > span:not(#sq-addons-left-caption-regular-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-pricing-addons-drawer .eligibility-addon-row:not(.is-base-row):not(.is-net-row) > span em:not(#sq-addons-left-caption-regular-lock) { font-weight: 400 !important; } /* Selected lead pane: contact links stay bright blue and never gain hover underlines. */ .workspace .selected-lead-panel .selected-lead-contact > :is(.phone-link,.selected-lead-address-link,.borrower-email-link):not(#sq-selected-pane-contact-blue-lock), .workspace .selected-lead-panel .selected-lead-contact > .selected-lead-address-link > span:not(#sq-selected-pane-contact-blue-lock), html[data-theme="dark"] .workspace .selected-lead-panel .selected-lead-contact > :is(.phone-link,.selected-lead-address-link,.borrower-email-link):not(#sq-selected-pane-contact-blue-lock), html[data-theme="dark"] .workspace .selected-lead-panel .selected-lead-contact > .selected-lead-address-link > span:not(#sq-selected-pane-contact-blue-lock) { color: #0077ff !important; font-weight: 750 !important; text-decoration: none !important; text-underline-offset: 0 !important; } .workspace .selected-lead-panel .selected-lead-contact > :is(.phone-link,.selected-lead-address-link,.borrower-email-link):is(:hover,:focus,:focus-visible):not(#sq-selected-pane-contact-blue-lock), html[data-theme="dark"] .workspace .selected-lead-panel .selected-lead-contact > :is(.phone-link,.selected-lead-address-link,.borrower-email-link):is(:hover,:focus,:focus-visible):not(#sq-selected-pane-contact-blue-lock) { color: #0077ff !important; text-decoration: none !important; } /* Product dropdowns: the field carries selection state, so menu rows stay neutral. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button.active:not(#sq-product-dropdown-active-neutral-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button.active:not(#sq-product-dropdown-active-neutral-lock) { background: transparent !important; background-color: transparent !important; color: var(--ink) !important; font-weight: 650 !important; } /* Final typography guard: open dropdowns and fee drilldowns must not fall back to legacy type. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button:not(#sq-final-open-menu-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button:not(#sq-final-open-menu-type-lock) { color: var(--ink) !important; font-family: inherit !important; font-size: 13.5px !important; font-style: normal !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button.active:not(#sq-final-open-menu-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button.active:not(#sq-final-open-menu-type-lock) { background: transparent !important; background-color: transparent !important; color: var(--ink) !important; font-weight: 650 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button:is(:hover,:focus-visible):not(#sq-final-choice-hover-lock) { background: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 14%, #fff) !important; background-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 14%, #fff) !important; color: color-mix(in srgb, var(--accent) 88%, var(--primary)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-product-controls .mini-product-choice-shell .quick-choice-options button:is(:hover,:focus-visible):not(#sq-final-choice-hover-lock) { background: color-mix(in srgb, var(--accent) 18%, var(--lead-dark-card-raised, #182534)) !important; background-color: color-mix(in srgb, var(--accent) 18%, var(--lead-dark-card-raised, #182534)) !important; color: var(--sq-dark-polish-light-text, #f7fbff) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button:not(#sq-final-presets-menu-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button:not(#sq-final-presets-menu-type-lock) { color: var(--ink) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-comp-input .mini-comp-choice-shell .quick-choice-options:not(#sq-final-presets-comp-menu-width-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-comp-input .mini-comp-choice-shell .quick-choice-options:not(#sq-final-presets-comp-menu-width-lock) { left: 0 !important; max-width: 100% !important; min-width: 100% !important; right: auto !important; transform: none !important; width: 100% !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button.active:not(#sq-final-presets-menu-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button.active:not(#sq-final-presets-menu-type-lock) { background: transparent !important; background-color: transparent !important; color: var(--ink) !important; font-weight: 500 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button:is(:hover,:focus-visible):not(#sq-final-presets-menu-type-lock) { background: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 20%, #fff) !important; background-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 20%, #fff) !important; color: color-mix(in srgb, var(--accent) 88%, var(--primary)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button:is(:hover,:focus-visible):not(#sq-final-presets-menu-type-lock) { background: color-mix(in srgb, var(--accent) 18%, var(--lead-dark-card-raised, #182534)) !important; background-color: color-mix(in srgb, var(--accent) 18%, var(--lead-dark-card-raised, #182534)) !important; color: var(--sq-dark-polish-light-text, #f7fbff) !important; } body[data-app-view="leads"] .workspace :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options button.active:not(:hover):not(:focus-visible):not(#sq-final-lead-choice-active-neutral-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options button.active:not(:hover):not(:focus-visible):not(#sq-final-lead-choice-active-neutral-lock) { background: transparent !important; background-color: transparent !important; color: var(--ink) !important; } body[data-app-view="leads"] .workspace :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options button.active:not(:hover):not(:focus-visible):not(.mini-product-choice-shell .quick-choice-options button):not(.mini-pref-choice-shell .quick-choice-options button):not(.mini-comp-choice-shell .quick-choice-options button):not(.mini-control-choice-shell .quick-choice-options button):not(#sq-final-lead-choice-active-neutral-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options button.active:not(:hover):not(:focus-visible):not(.mini-product-choice-shell .quick-choice-options button):not(.mini-pref-choice-shell .quick-choice-options button):not(.mini-comp-choice-shell .quick-choice-options button):not(.mini-control-choice-shell .quick-choice-options button):not(#sq-final-lead-choice-active-neutral-lock) { font-weight: 400 !important; } body[data-app-view="leads"] .workspace :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options button:is(:hover,:focus-visible):not(#sq-final-lead-choice-hover-lock) { background: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 18%, #fff) !important; background-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 18%, #fff) !important; color: color-mix(in srgb, var(--accent) 88%, var(--primary)) !important; outline: 0 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options button:is(:hover,:focus-visible):not(#sq-final-lead-choice-hover-lock) { background: color-mix(in srgb, var(--accent) 18%, var(--lead-dark-card-raised, #182534)) !important; background-color: color-mix(in srgb, var(--accent) 18%, var(--lead-dark-card-raised, #182534)) !important; color: var(--sq-dark-polish-light-text, #f7fbff) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-mood-field .mini-preset-auto-mood.is-expanded-control:not(#sq-final-expanded-mood-stack-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-mood-field .mini-preset-auto-mood.is-expanded-control:not(#sq-final-expanded-mood-stack-lock) { align-items: center !important; justify-content: center !important; padding-left: 6px !important; padding-right: 6px !important; text-align: center !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-mood-field .mini-preset-auto-mood.is-expanded-control em:not(#sq-final-expanded-mood-stack-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-mood-field .mini-preset-auto-mood.is-expanded-control em:not(#sq-final-expanded-mood-stack-lock) { display: block !important; line-height: 1.05 !important; max-width: 52px !important; overflow: visible !important; text-align: center !important; text-overflow: clip !important; white-space: normal !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .custom-choice-menu > summary :is(strong,.mini-pref-display-text):not(#sq-final-expanded-presets-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .custom-choice-menu > summary :is(strong,.mini-pref-display-text):not(#sq-final-expanded-presets-type-lock) { color: var(--ink) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-pref-choice-shell .custom-choice-menu > summary strong.custom-choice-summary-rich:has(.mini-pref-display-logo):not(#sq-final-expanded-presets-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-pref-choice-shell .custom-choice-menu > summary strong.custom-choice-summary-rich:has(.mini-pref-display-logo):not(#sq-final-expanded-presets-type-lock) { align-items: center !important; display: grid !important; gap: 8px !important; grid-template-columns: 30px minmax(0,1fr) !important; text-align: left !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-pref-choice-shell .custom-choice-menu > summary .mini-pref-display-text:not(#sq-final-expanded-presets-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-pref-choice-shell .custom-choice-menu > summary .mini-pref-display-text:not(#sq-final-expanded-presets-type-lock) { display: block !important; min-width: 0 !important; overflow: hidden !important; text-align: left !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-row .mini-control-choice-shell .custom-choice-menu > summary strong:not(#sq-final-expanded-presets-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-row .mini-control-choice-shell .custom-choice-menu > summary strong:not(#sq-final-expanded-presets-type-lock) { text-align: left !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is(.editor-property .editor-choice-shell,.property-summary-type-choice-shell) .quick-choice-options button:not(#sq-final-property-choice-menu-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is(.editor-property .editor-choice-shell,.property-summary-type-choice-shell) .quick-choice-options button:not(#sq-final-property-choice-menu-type-lock) { color: var(--ink) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is(.editor-property .editor-choice-shell,.property-summary-type-choice-shell) .quick-choice-options button:is(.active,:hover,:focus-visible):not(#sq-final-property-choice-menu-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is(.editor-property .editor-choice-shell,.property-summary-type-choice-shell) .quick-choice-options button:is(.active,:hover,:focus-visible):not(#sq-final-property-choice-menu-type-lock) { color: var(--ink) !important; font-weight: 500 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields :is(.scenario-field-occupancy,.scenario-field-purpose,.scenario-purpose-summary-choice-shell) .quick-choice-options button:not(#sq-final-scenario-choice-menu-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields :is(.scenario-field-occupancy,.scenario-field-purpose,.scenario-purpose-summary-choice-shell) .quick-choice-options button:not(#sq-final-scenario-choice-menu-type-lock) { color: var(--ink) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 500 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields :is(.scenario-field-occupancy,.scenario-field-purpose,.scenario-purpose-summary-choice-shell) .quick-choice-options button:is(.active,:hover,:focus-visible):not(#sq-final-scenario-choice-menu-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid .lead-scenario-fields :is(.scenario-field-occupancy,.scenario-field-purpose,.scenario-purpose-summary-choice-shell) .quick-choice-options button:is(.active,:hover,:focus-visible):not(#sq-final-scenario-choice-menu-type-lock) { color: var(--ink) !important; font-weight: 500 !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-options button:not(#sq-final-selected-pane-choice-menu-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-options button:not(#sq-final-selected-pane-choice-menu-type-lock) { color: var(--sq-pane-value, var(--ink)) !important; font-family: inherit !important; font-size: 12.5px !important; font-style: normal !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-options button:is(.active,:hover,:focus-visible):not(#sq-final-selected-pane-choice-menu-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-options button:is(.active,:hover,:focus-visible):not(#sq-final-selected-pane-choice-menu-type-lock) { color: var(--sq-pane-value, var(--ink)) !important; font-weight: 600 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary > span:first-child:not(#sq-final-open-fee-caption-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary > span:first-child:not(#sq-final-open-fee-caption-type-lock) { color: var(--sq-lower-rate-label, color-mix(in srgb, var(--ink) 78%, var(--primary))) !important; font-family: inherit !important; font-size: 12.5px !important; font-style: normal !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary > :is(strong,input):not(#sq-final-open-fee-caption-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary > :is(strong,input):not(#sq-final-open-fee-caption-type-lock) { color: var(--sq-lower-rate-value, var(--ink)) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .control-page .control-collapsible-section[open] > .control-collapsible-summary:not(#sq-expanded-control-header-top-align-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section[open] > .control-collapsible-summary:not(#sq-expanded-control-header-top-align-lock) { align-items: start !important; } body[data-app-view="control"] .control-page .control-collapsible-section[open] > .control-collapsible-summary > :is(div:first-child,span:first-child):not(.collapse-icon):not(#sq-expanded-control-header-top-align-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section[open] > .control-collapsible-summary > :is(div:first-child,span:first-child):not(.collapse-icon):not(#sq-expanded-control-header-top-align-lock) { align-self: start !important; } body[data-app-view="control"] .control-page .control-collapsible-section[open] > .control-collapsible-summary > :is(.investor-comp-summary-actions,.deterministic-auto-summary-chips,button.btn,.collapse-icon):not(#sq-expanded-control-header-top-align-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section[open] > .control-collapsible-summary > :is(.investor-comp-summary-actions,.deterministic-auto-summary-chips,button.btn,.collapse-icon):not(#sq-expanded-control-header-top-align-lock) { align-self: start !important; } body .sidebar .sidebar-legal-links:not(#sq-sidebar-legal-two-row-lock), html[data-theme="dark"] body .sidebar .sidebar-legal-links:not(#sq-sidebar-legal-two-row-lock) { display: grid !important; gap: 5px 8px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-items: center !important; width: 100% !important; } body .sidebar .sidebar-legal-links a:not(#sq-sidebar-legal-two-row-lock), html[data-theme="dark"] body .sidebar .sidebar-legal-links a:not(#sq-sidebar-legal-two-row-lock) { color: #dceaf7 !important; display: inline-flex !important; font-family: inherit !important; font-size: 10.5px !important; font-style: normal !important; font-weight: 850 !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-align: center !important; text-shadow: none !important; text-transform: uppercase !important; white-space: nowrap !important; } body .sidebar .sidebar-legal-links a:is(:hover,:focus-visible):not(#sq-sidebar-legal-two-row-lock), html[data-theme="dark"] body .sidebar .sidebar-legal-links a:is(:hover,:focus-visible):not(#sq-sidebar-legal-two-row-lock) { color: #ffffff !important; } body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred :is(.control-pref-choice-shell .quick-choice-options button,.control-pref-choice-shell .quick-choice-options button.active,.comp-override-combo input,.comp-override-combo input::placeholder,.comp-override-option,.comp-override-option.is-auto-option):not(#sq-final-control-investor-auto-type-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred :is(.control-pref-choice-shell .quick-choice-options button,.control-pref-choice-shell .quick-choice-options button.active,.comp-override-combo input,.comp-override-combo input::placeholder,.comp-override-option,.comp-override-option.is-auto-option):not(#sq-final-control-investor-auto-type-lock) { color: var(--ink) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .comp-override-combo.is-auto input:not(#sq-final-control-investor-auto-type-lock), body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .comp-override-combo.is-auto input::placeholder, body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .comp-override-option.is-auto-option:not(#sq-final-control-investor-auto-type-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .comp-override-combo.is-auto input:not(#sq-final-control-investor-auto-type-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .comp-override-combo.is-auto input::placeholder, html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .comp-override-option.is-auto-option:not(#sq-final-control-investor-auto-type-lock) { opacity: 1 !important; text-align: center !important; } body[data-app-view="control"] .control-page .control-collapsible-summary.rate-sheet-summary:not(#sq-final-control-summary-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary.rate-sheet-summary:not(#sq-final-control-summary-stack-lock) { align-items: start !important; grid-template-columns: minmax(0,1fr) max-content !important; grid-template-rows: auto auto !important; min-height: 58px !important; } body[data-app-view="control"] .control-page .control-collapsible-summary.rate-sheet-summary > span:first-child:not(#sq-final-control-summary-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary.rate-sheet-summary > span:first-child:not(#sq-final-control-summary-stack-lock) { align-self: start !important; display: block !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; line-height: 1.05 !important; min-width: 0 !important; } body[data-app-view="control"] .control-page .control-collapsible-summary.rate-sheet-summary > small:not(#sq-final-control-summary-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary.rate-sheet-summary > small:not(#sq-final-control-summary-stack-lock) { align-self: start !important; display: block !important; grid-column: 1 !important; grid-row: 2 !important; justify-self: start !important; margin-top: 2px !important; } body[data-app-view="control"] .control-page .control-collapsible-summary.rate-sheet-summary > .collapse-icon:not(#sq-final-control-summary-stack-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary.rate-sheet-summary > .collapse-icon:not(#sq-final-control-summary-stack-lock) { align-self: start !important; grid-column: 2 !important; grid-row: 1 / span 2 !important; justify-self: end !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-field-head span:not(#sq-final-control-presets-dv-type-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-field-head span:not(#sq-final-control-presets-dv-type-lock) { color: color-mix(in srgb, var(--muted) 78%, var(--ink)) !important; font-family: inherit !important; font-size: 10.5px !important; font-style: normal !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-transform: none !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix select:not(#sq-final-control-presets-dv-type-lock), body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix select option:not(#sq-final-control-presets-dv-type-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix select:not(#sq-final-control-presets-dv-type-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix select option:not(#sq-final-control-presets-dv-type-lock) { color: var(--ink) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-panel:not(#sq-final-control-pricing-mood-side-layout), html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-panel:not(#sq-final-control-pricing-mood-side-layout) { align-content: center !important; align-items: center !important; gap: 9px 14px !important; grid-template-columns: minmax(92px, 34%) minmax(0, 1fr) !important; justify-items: stretch !important; min-height: 132px !important; padding: 12px 14px !important; text-align: left !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-mood-button:not(#sq-final-control-pricing-mood-side-layout), html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-mood-button:not(#sq-final-control-pricing-mood-side-layout) { align-items: center !important; gap: 13px !important; grid-column: 1 / -1 !important; grid-template-columns: minmax(92px, 34%) minmax(0, 1fr) !important; justify-items: stretch !important; text-align: left !important; width: 100% !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-logo:not(#sq-final-control-pricing-mood-side-layout), html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-logo:not(#sq-final-control-pricing-mood-side-layout) { height: 88px !important; justify-self: center !important; max-width: 116px !important; width: 100% !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-copy:not(#sq-final-control-pricing-mood-side-layout), html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-copy:not(#sq-final-control-pricing-mood-side-layout) { gap: 4px !important; justify-items: center !important; text-align: center !important; width: 100% !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-heading:not(#sq-final-control-pricing-mood-side-layout), html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-heading:not(#sq-final-control-pricing-mood-side-layout) { font-size: 18px !important; line-height: 1.02 !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-mood-label:not(#sq-final-control-pricing-mood-side-layout), html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-mood-label:not(#sq-final-control-pricing-mood-side-layout) { font-size: 14px !important; line-height: 1.05 !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-mood-detail:not(#sq-final-control-pricing-mood-side-layout), html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-mood-detail:not(#sq-final-control-pricing-mood-side-layout) { font-size: 11px !important; line-height: 1.12 !important; max-width: 150px !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-mood-dots:not(#sq-final-control-pricing-mood-side-layout), html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-mood-dots:not(#sq-final-control-pricing-mood-side-layout) { justify-content: center !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-investor-toggle:not(#sq-final-control-pricing-mood-side-layout), html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-investor-toggle:not(#sq-final-control-pricing-mood-side-layout) { grid-column: 2 !important; justify-self: center !important; max-width: 118px !important; min-width: 0 !important; padding: 8px 9px !important; width: min(118px, 80%) !important; } body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel):not([open]) > .control-collapsible-summary:not(#sq-final-control-left-summary-tight-stack), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel):not([open]) > .control-collapsible-summary:not(#sq-final-control-left-summary-tight-stack) { align-content: start !important; align-items: start !important; gap: 1px 10px !important; grid-template-columns: minmax(0, 1fr) max-content !important; grid-template-rows: auto auto !important; min-height: 44px !important; } body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel):not([open]) > .control-collapsible-summary > span:first-child:not(#sq-final-control-left-summary-tight-stack), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel):not([open]) > .control-collapsible-summary > span:first-child:not(#sq-final-control-left-summary-tight-stack) { align-self: start !important; display: block !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; line-height: 1.05 !important; } body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel):not([open]) > .control-collapsible-summary > small:not(#sq-final-control-left-summary-tight-stack), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel):not([open]) > .control-collapsible-summary > small:not(#sq-final-control-left-summary-tight-stack) { align-self: start !important; display: block !important; grid-column: 1 !important; grid-row: 2 !important; justify-self: start !important; line-height: 1.12 !important; margin-top: 0 !important; } body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel):not([open]) > .control-collapsible-summary > .collapse-icon:not(#sq-final-control-left-summary-tight-stack), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel):not([open]) > .control-collapsible-summary > .collapse-icon:not(#sq-final-control-left-summary-tight-stack) { align-self: start !important; grid-column: 2 !important; grid-row: 1 / span 2 !important; justify-self: end !important; } body[data-app-view="control"] .control-page .control-collapsible-summary > :is(.investor-comp-summary-actions,.deterministic-auto-summary-chips):not(#sq-final-control-right-actions-2px-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary > :is(.investor-comp-summary-actions,.deterministic-auto-summary-chips):not(#sq-final-control-right-actions-2px-lock) { transform: translateX(2px) !important; } body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel)[open] > .control-collapsible-summary:not(#sq-final-control-expanded-summary-tight-stack), body[data-app-view="control"] .control-page .investor-comp-panel[open] > .control-collapsible-summary:not(#sq-final-control-expanded-summary-tight-stack), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel)[open] > .control-collapsible-summary:not(#sq-final-control-expanded-summary-tight-stack), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel[open] > .control-collapsible-summary:not(#sq-final-control-expanded-summary-tight-stack) { align-content: start !important; align-items: start !important; gap: 1px 10px !important; grid-template-rows: auto auto !important; min-height: 44px !important; } body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel)[open] > .control-collapsible-summary > span:first-child:not(#sq-final-control-expanded-summary-tight-stack), body[data-app-view="control"] .control-page .investor-comp-panel[open] > .control-collapsible-summary > div:first-child:not(#sq-final-control-expanded-summary-tight-stack), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel)[open] > .control-collapsible-summary > span:first-child:not(#sq-final-control-expanded-summary-tight-stack), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel[open] > .control-collapsible-summary > div:first-child:not(#sq-final-control-expanded-summary-tight-stack) { align-content: start !important; align-self: start !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; line-height: 1.05 !important; } body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel)[open] > .control-collapsible-summary > small:not(#sq-final-control-expanded-summary-tight-stack), body[data-app-view="control"] .control-page .investor-comp-panel[open] > .control-collapsible-summary > div:first-child > p:not(#sq-final-control-expanded-summary-tight-stack), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel)[open] > .control-collapsible-summary > small:not(#sq-final-control-expanded-summary-tight-stack), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel[open] > .control-collapsible-summary > div:first-child > p:not(#sq-final-control-expanded-summary-tight-stack) { align-self: start !important; grid-column: 1 !important; grid-row: 2 !important; justify-self: start !important; line-height: 1.12 !important; margin-top: 0 !important; } body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel)[open] > .control-collapsible-summary > .collapse-icon:not(#sq-final-control-expanded-summary-tight-stack), body[data-app-view="control"] .control-page .investor-comp-panel[open] > .control-collapsible-summary > :is(.investor-comp-summary-actions,.collapse-icon):not(#sq-final-control-expanded-summary-tight-stack), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel)[open] > .control-collapsible-summary > .collapse-icon:not(#sq-final-control-expanded-summary-tight-stack), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel[open] > .control-collapsible-summary > :is(.investor-comp-summary-actions,.collapse-icon):not(#sq-final-control-expanded-summary-tight-stack) { align-self: start !important; grid-row: 1 / span 2 !important; } body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-comp-grid:not(#sq-final-control-investor-five-row-lane), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .investor-comp-panel[open] .investor-comp-grid:not(#sq-final-control-investor-five-row-lane) { max-height: 260px !important; overflow-y: auto !important; } body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .control-pref-choice-shell .quick-choice-options button.active:not(:hover):not(:focus-visible):not(#sq-final-control-investor-active-option-neutral), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .control-pref-choice-shell .quick-choice-options button.active:not(:hover):not(:focus-visible):not(#sq-final-control-investor-active-option-neutral) { background: transparent !important; background-color: transparent !important; color: var(--ink) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .control-page .control-collapsible-section > .control-collapsible-summary:not(#sq-final-control-uniform-title-row-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section > .control-collapsible-summary:not(#sq-final-control-uniform-title-row-gap) { align-content: start !important; align-items: start !important; column-gap: 12px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) max-content max-content !important; grid-template-rows: auto auto !important; min-height: 58px !important; row-gap: 4px !important; } body[data-app-view="control"] .control-page .control-collapsible-section > .control-collapsible-summary > span:first-child:not(.collapse-icon):not(#sq-final-control-uniform-title-row-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section > .control-collapsible-summary > span:first-child:not(.collapse-icon):not(#sq-final-control-uniform-title-row-gap) { align-self: end !important; display: block !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; line-height: 1.05 !important; min-width: 0 !important; } body[data-app-view="control"] .control-page .control-collapsible-section > .control-collapsible-summary > div:first-child:not(#sq-final-control-uniform-title-row-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section > .control-collapsible-summary > div:first-child:not(#sq-final-control-uniform-title-row-gap) { align-content: start !important; align-self: start !important; display: grid !important; gap: 4px !important; grid-column: 1 !important; grid-row: 1 / span 2 !important; justify-items: start !important; justify-self: start !important; line-height: 1.05 !important; min-width: 0 !important; } body[data-app-view="control"] .control-page .control-collapsible-section > .control-collapsible-summary > small:not(#sq-final-control-uniform-title-row-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section > .control-collapsible-summary > small:not(#sq-final-control-uniform-title-row-gap) { align-self: start !important; display: block !important; grid-column: 1 !important; grid-row: 2 !important; justify-self: start !important; line-height: 1.2 !important; margin-top: 0 !important; min-width: 0 !important; } body[data-app-view="control"] .control-page .control-collapsible-section > .control-collapsible-summary > div:first-child > :is(p, small):not(#sq-final-control-uniform-title-row-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section > .control-collapsible-summary > div:first-child > :is(p, small):not(#sq-final-control-uniform-title-row-gap) { line-height: 1.2 !important; margin: 0 !important; } body[data-app-view="control"] .control-page .control-collapsible-section > .control-collapsible-summary > :is(.investor-comp-summary-actions,.deterministic-auto-summary-chips,button.btn,.collapse-icon):not(#sq-final-control-uniform-title-row-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-section > .control-collapsible-summary > :is(.investor-comp-summary-actions,.deterministic-auto-summary-chips,button.btn,.collapse-icon):not(#sq-final-control-uniform-title-row-gap) { align-self: center !important; grid-row: 1 / span 2 !important; justify-self: end !important; } body[data-app-view="control"] .control-page .investor-comp-summary-actions:not(#sq-final-control-investor-action-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-summary-actions:not(#sq-final-control-investor-action-gap) { gap: 2px !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-comp-summary-actions .btn.mini:not(#sq-dark-investor-config-header-buttons) { background: color-mix(in srgb, #142333 88%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 42%, #5d7892) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 4px rgba(0,0,0,.26) !important; color: #eaf6ff !important; font-weight: 850 !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-comp-summary-actions .btn.mini:is(:hover,:focus-visible):not(#sq-dark-investor-config-header-buttons) { background: color-mix(in srgb, var(--accent) 24%, #142333) !important; border-color: color-mix(in srgb, var(--accent) 70%, #9ed8ff) !important; color: #ffffff !important; outline: 0 !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-comp-summary-actions .investor-select-all.active:not(#sq-dark-investor-config-header-buttons) { background: color-mix(in srgb, var(--green) 34%, #10251e) !important; border-color: color-mix(in srgb, var(--green) 72%, #9fe7c0) !important; color: #f1fff8 !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-comp-summary-actions .correspondent-toggle.active:not(#sq-dark-investor-config-header-buttons) { background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 82%, #13304a), color-mix(in srgb, var(--primary) 68%, #0f263b)) !important; border-color: color-mix(in srgb, var(--accent) 78%, #bde9ff) !important; color: #ffffff !important; } body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-logo:not(#sq-final-control-mood-logo-center), html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel[open] .deterministic-auto-logo:not(#sq-final-control-mood-logo-center) { align-self: center !important; height: 92px !important; justify-self: center !important; max-height: 92px !important; max-width: 122px !important; object-fit: contain !important; object-position: center !important; transform: translateY(12px) !important; width: 112px !important; } body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel) > .control-collapsible-summary:not(#sq-final-control-simple-summary-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel) > .control-collapsible-summary:not(#sq-final-control-simple-summary-gap) { row-gap: 8px !important; } body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel) > .control-collapsible-summary > small:not(#sq-final-control-simple-summary-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.investor-pricing-snapshot,.market-data-panel,.rate-sheet-panel) > .control-collapsible-summary > small:not(#sq-final-control-simple-summary-gap) { line-height: 1.22 !important; margin-top: 2px !important; } body[data-app-view="control"] .auto-quote-panel :is(.auto-quote-fields label span,.auto-quote-lists > div > span,.auto-quote-chip span,.auto-quote-fields input,.auto-quote-count-summary p,.auto-quote-route b,.auto-quote-route em,.auto-quote-auto-toggle strong):not(#sq-final-auto-quote-type-restore), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel :is(.auto-quote-fields label span,.auto-quote-lists > div > span,.auto-quote-chip span,.auto-quote-fields input,.auto-quote-count-summary p,.auto-quote-route b,.auto-quote-route em,.auto-quote-auto-toggle strong):not(#sq-final-auto-quote-type-restore) { font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.15 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .auto-quote-panel .auto-quote-count-summary strong:not(#sq-final-auto-quote-type-restore), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel .auto-quote-count-summary strong:not(#sq-final-auto-quote-type-restore) { font-size: 24px !important; font-weight: 700 !important; line-height: 1 !important; } body[data-app-view="control"] .auto-quote-panel .auto-quote-update-card .auto-quote-count-summary strong:not(#sq-final-auto-quote-type-restore), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel .auto-quote-update-card .auto-quote-count-summary strong:not(#sq-final-auto-quote-type-restore) { font-size: 18px !important; } body[data-app-view="control"] .auto-quote-panel .auto-quote-fields label span:not(#sq-final-auto-quote-type-restore), body[data-app-view="control"] .auto-quote-panel .auto-quote-lists > div > span:not(#sq-final-auto-quote-type-restore), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel .auto-quote-fields label span:not(#sq-final-auto-quote-type-restore), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel .auto-quote-lists > div > span:not(#sq-final-auto-quote-type-restore) { color: color-mix(in srgb, var(--muted) 76%, var(--ink)) !important; font-size: 12px !important; } body[data-app-view="control"] .auto-quote-panel .auto-quote-chip:not(#sq-final-auto-quote-property-gap), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel .auto-quote-chip:not(#sq-final-auto-quote-property-gap) { min-height: 34px !important; padding: 7px 9px !important; } body[data-app-view="control"] .auto-quote-panel .auto-quote-property-lane:not(#sq-final-auto-quote-property-gap), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel .auto-quote-property-lane:not(#sq-final-auto-quote-property-gap) { align-content: start !important; } body[data-app-view="control"] .auto-quote-panel .auto-quote-property-lane .auto-quote-chip-grid:not(#sq-final-auto-quote-property-gap), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel .auto-quote-property-lane .auto-quote-chip-grid:not(#sq-final-auto-quote-property-gap) { gap: 6px !important; } body[data-app-view="control"] .auto-quote-panel[open]:not(#sq-final-auto-quote-row-collapse), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open]:not(#sq-final-auto-quote-row-collapse) { gap: 8px !important; } body[data-app-view="control"] .auto-quote-panel[open] > .auto-quote-collapsible-body:not(#sq-final-auto-quote-row-collapse), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] > .auto-quote-collapsible-body:not(#sq-final-auto-quote-row-collapse) { gap: 8px !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-body:not(#sq-final-auto-quote-row-collapse), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-body:not(#sq-final-auto-quote-row-collapse) { gap: 8px !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-fields:not(#sq-final-auto-quote-row-collapse), body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-lists > div:not(#sq-final-auto-quote-row-collapse), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-fields:not(#sq-final-auto-quote-row-collapse), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-lists > div:not(#sq-final-auto-quote-row-collapse) { gap: 5px !important; padding: 8px 10px !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-fields label:not(#sq-final-auto-quote-row-collapse), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-fields label:not(#sq-final-auto-quote-row-collapse) { gap: 4px !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-fields input:not(#sq-final-auto-quote-row-collapse), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-fields input:not(#sq-final-auto-quote-row-collapse) { min-height: 30px !important; padding: 5px 8px !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-chip:not(#sq-final-auto-quote-row-collapse), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-chip:not(#sq-final-auto-quote-row-collapse) { min-height: 29px !important; padding: 5px 8px !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-chip-grid:not(#sq-final-auto-quote-row-collapse), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-chip-grid:not(#sq-final-auto-quote-row-collapse) { gap: 5px !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-delivery-stack:not(#sq-final-auto-quote-status-columns), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-delivery-stack:not(#sq-final-auto-quote-status-columns) { display: grid !important; gap: 8px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-status-card:not(#sq-final-auto-quote-status-columns), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-status-card:not(#sq-final-auto-quote-status-columns) { min-width: 0 !important; width: 100% !important; } body .sidebar .sidebar-utility-nav:not(#sq-final-sidebar-footer-lift), html[data-theme="dark"] body .sidebar .sidebar-utility-nav:not(#sq-final-sidebar-footer-lift) { transform: translateY(-2px) !important; } body[data-app-view="control"] .control-page-column-right .rate-sheet-panel .rate-alert-list.internal-rate-list:not(#sq-final-rate-sheet-two-column-list), html[data-theme="dark"] body[data-app-view="control"] .control-page-column-right .rate-sheet-panel .rate-alert-list.internal-rate-list:not(#sq-final-rate-sheet-two-column-list) { display: grid !important; gap: 6px 8px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin-top: 8px !important; } body[data-app-view="control"] .rate-sheet-panel .rate-sheet-file-row:not(#sq-final-rate-sheet-two-column-list), html[data-theme="dark"] body[data-app-view="control"] .rate-sheet-panel .rate-sheet-file-row:not(#sq-final-rate-sheet-two-column-list) { align-items: center !important; gap: 8px !important; grid-template-columns: minmax(0, 1fr) max-content !important; min-height: 52px !important; padding: 8px 9px !important; } body[data-app-view="control"] .rate-sheet-panel .rate-sheet-file-main strong:not(#sq-final-rate-sheet-two-column-list), html[data-theme="dark"] body[data-app-view="control"] .rate-sheet-panel .rate-sheet-file-main strong:not(#sq-final-rate-sheet-two-column-list) { color: var(--ink) !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1.08 !important; } body[data-app-view="control"] .rate-sheet-panel .rate-sheet-file-main small:not(#sq-final-rate-sheet-two-column-list), html[data-theme="dark"] body[data-app-view="control"] .rate-sheet-panel .rate-sheet-file-main small:not(#sq-final-rate-sheet-two-column-list) { font-size: 11px !important; font-weight: 650 !important; line-height: 1.1 !important; } body[data-app-view="control"] .rate-sheet-panel .rate-sheet-file-actions:not(#sq-final-rate-sheet-two-column-list), html[data-theme="dark"] body[data-app-view="control"] .rate-sheet-panel .rate-sheet-file-actions:not(#sq-final-rate-sheet-two-column-list) { align-items: center !important; display: flex !important; gap: 6px !important; justify-content: end !important; min-width: 0 !important; } body[data-app-view="control"] .rate-sheet-panel .rate-sheet-file-actions .rate-sheet-status-pill:not(#sq-final-rate-sheet-two-column-list), html[data-theme="dark"] body[data-app-view="control"] .rate-sheet-panel .rate-sheet-file-actions .rate-sheet-status-pill:not(#sq-final-rate-sheet-two-column-list) { min-width: 0 !important; padding: 4px 8px !important; width: auto !important; } body[data-app-view="control"] .rate-sheet-panel .rate-notification-pane:not(#sq-final-rate-sheet-two-column-list), html[data-theme="dark"] body[data-app-view="control"] .rate-sheet-panel .rate-notification-pane:not(#sq-final-rate-sheet-two-column-list) { gap: 7px !important; margin-top: 8px !important; padding: 10px 11px !important; } body[data-app-view="control"] .rate-sheet-panel .rate-sheet-archive-section:not(#sq-final-rate-sheet-two-column-list), html[data-theme="dark"] body[data-app-view="control"] .rate-sheet-panel .rate-sheet-archive-section:not(#sq-final-rate-sheet-two-column-list) { margin-top: 8px !important; padding-top: 8px !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-property-lane:not(#sq-final-auto-quote-property-pack), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-property-lane:not(#sq-final-auto-quote-property-pack) { align-content: start !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-property-lane .auto-quote-chip-grid:not(#sq-final-auto-quote-property-pack), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-property-lane .auto-quote-chip-grid:not(#sq-final-auto-quote-property-pack) { align-content: start !important; gap: 5px !important; grid-auto-rows: minmax(29px, auto) !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-property-lane:not(#sq-final-auto-quote-property-shrinkwrap), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-property-lane:not(#sq-final-auto-quote-property-shrinkwrap) { align-self: start !important; grid-row: 1 !important; height: auto !important; min-height: 0 !important; } body[data-app-view="control"] .auto-quote-panel[open] :is(.auto-quote-purpose-lane,.auto-quote-occupancy-lane,.auto-quote-property-lane):not(#sq-final-auto-quote-chip-fill), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] :is(.auto-quote-purpose-lane,.auto-quote-occupancy-lane,.auto-quote-property-lane):not(#sq-final-auto-quote-chip-fill) { align-content: stretch !important; grid-template-rows: auto minmax(0, 1fr) !important; } body[data-app-view="control"] .auto-quote-panel[open] :is(.auto-quote-purpose-lane,.auto-quote-occupancy-lane,.auto-quote-property-lane) .auto-quote-chip-grid:not(#sq-final-auto-quote-chip-fill), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] :is(.auto-quote-purpose-lane,.auto-quote-occupancy-lane,.auto-quote-property-lane) .auto-quote-chip-grid:not(#sq-final-auto-quote-chip-fill) { align-content: stretch !important; grid-auto-rows: minmax(37px, 1fr) !important; height: 100% !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-chip:not(#sq-final-auto-quote-chip-fill), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-chip:not(#sq-final-auto-quote-chip-fill) { min-height: 37px !important; } body[data-app-view="control"] .control-page .investor-comp-panel:not([open]) > .investor-comp-head:not(#sq-final-investor-collapsed-title-row-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel:not([open]) > .investor-comp-head:not(#sq-final-investor-collapsed-title-row-gap) { row-gap: 4px !important; } body[data-app-view="control"] .control-page .investor-comp-panel:not([open]) > .investor-comp-head > div:first-child:not(#sq-final-investor-collapsed-title-row-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel:not([open]) > .investor-comp-head > div:first-child:not(#sq-final-investor-collapsed-title-row-gap) { display: contents !important; } body[data-app-view="control"] .control-page .investor-comp-panel:not([open]) > .investor-comp-head .control-framed-label:not(#sq-final-investor-collapsed-title-row-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel:not([open]) > .investor-comp-head .control-framed-label:not(#sq-final-investor-collapsed-title-row-gap) { align-self: end !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; } body[data-app-view="control"] .control-page .investor-comp-panel:not([open]) > .investor-comp-head .investor-config-copy:not(#sq-final-investor-collapsed-title-row-gap), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel:not([open]) > .investor-comp-head .investor-config-copy:not(#sq-final-investor-collapsed-title-row-gap) { align-self: start !important; grid-column: 1 !important; grid-row: 2 !important; line-height: 1.2 !important; margin: 0 !important; } body[data-app-view="control"] .control-page .investor-comp-panel:not([open]) > .investor-comp-head .investor-comp-summary-actions .btn:first-child:not(#sq-final-investor-collapsed-select-nudge), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel:not([open]) > .investor-comp-head .investor-comp-summary-actions .btn:first-child:not(#sq-final-investor-collapsed-select-nudge) { transform: translateX(-2px) !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-status-card:not(#sq-final-auto-quote-card-simplify), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-status-card:not(#sq-final-auto-quote-card-simplify) { align-items: center !important; gap: 8px 10px !important; grid-template-columns: minmax(0, 1fr) auto !important; padding: 10px 12px !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-ready-card:not(#sq-final-auto-quote-card-simplify), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-ready-card:not(#sq-final-auto-quote-card-simplify) { background: color-mix(in srgb, var(--green) 12%, var(--paper)) !important; border-color: color-mix(in srgb, var(--green) 38%, var(--line)) !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-update-card:not(#sq-final-auto-quote-card-simplify), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-update-card:not(#sq-final-auto-quote-card-simplify) { background: color-mix(in srgb, var(--accent) 10%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 34%, var(--line)) !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-status-copy:not(#sq-final-auto-quote-card-simplify), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-status-copy:not(#sq-final-auto-quote-card-simplify) { display: grid !important; gap: 5px !important; min-width: 0 !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-card-title:not(#sq-final-auto-quote-card-simplify), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-card-title:not(#sq-final-auto-quote-card-simplify) { color: var(--ink) !important; font-family: inherit !important; font-size: 15px !important; font-style: normal !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-count-summary:not(#sq-final-auto-quote-card-simplify), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-count-summary:not(#sq-final-auto-quote-card-simplify) { align-items: baseline !important; display: flex !important; gap: 7px !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-count-summary strong:not(#sq-final-auto-quote-card-simplify), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-count-summary strong:not(#sq-final-auto-quote-card-simplify) { color: color-mix(in srgb, var(--green) 78%, var(--ink)) !important; font-size: 22px !important; line-height: 1 !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-count-summary p:not(#sq-final-auto-quote-card-simplify), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-count-summary p:not(#sq-final-auto-quote-card-simplify) { color: color-mix(in srgb, var(--muted) 82%, var(--ink)) !important; margin: 0 !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-trigger-row:not(#sq-final-auto-quote-card-simplify), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-trigger-row:not(#sq-final-auto-quote-card-simplify) { display: flex !important; min-width: 0 !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-trigger-chip:not(#sq-final-auto-quote-card-simplify), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-trigger-chip:not(#sq-final-auto-quote-card-simplify) { align-items: center !important; background: color-mix(in srgb, var(--accent) 12%, var(--paper)) !important; border: 1px solid color-mix(in srgb, var(--accent) 38%, var(--line)) !important; border-radius: 7px !important; color: color-mix(in srgb, var(--accent) 74%, var(--ink)) !important; display: inline-flex !important; font-family: inherit !important; font-size: 13px !important; font-weight: 800 !important; justify-content: center !important; line-height: 1.1 !important; min-height: 29px !important; padding: 6px 10px !important; text-align: center !important; } body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-auto-toggle:not(#sq-final-auto-quote-card-simplify), html[data-theme="dark"] body[data-app-view="control"] .auto-quote-panel[open] .auto-quote-auto-toggle:not(#sq-final-auto-quote-card-simplify) { min-width: 82px !important; } /* Selected lead panes: keep the modern identity type while phone/address/email stay bright blue. */ .workspace .selected-lead-panel .selected-lead-name-row :is(.name-link,.lead-row-borrower-edit):not(#sq-final-selected-pane-contact-match), html[data-theme="dark"] .workspace .selected-lead-panel .selected-lead-name-row :is(.name-link,.lead-row-borrower-edit):not(#sq-final-selected-pane-contact-match) { color: color-mix(in srgb, var(--ink) 96%, var(--primary)) !important; font-family: inherit !important; font-size: clamp(20px, 7.8cqw, 25px) !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.04 !important; text-decoration: none !important; text-transform: none !important; } .workspace .selected-lead-panel .selected-lead-contact:not(#sq-final-selected-pane-contact-match), html[data-theme="dark"] .workspace .selected-lead-panel .selected-lead-contact:not(#sq-final-selected-pane-contact-match) { color: #0077ff !important; font-family: inherit !important; font-size: 13.5px !important; font-weight: 750 !important; gap: 2px !important; letter-spacing: 0 !important; line-height: 1.24 !important; text-transform: none !important; } .workspace .selected-lead-panel .selected-lead-contact > :is(.phone-link,.selected-lead-address-link,.borrower-email-link):not(#sq-final-selected-pane-contact-match), .workspace .selected-lead-panel .selected-lead-contact > .selected-lead-address-link > span:not(#sq-final-selected-pane-contact-match), html[data-theme="dark"] .workspace .selected-lead-panel .selected-lead-contact > :is(.phone-link,.selected-lead-address-link,.borrower-email-link):not(#sq-final-selected-pane-contact-match), html[data-theme="dark"] .workspace .selected-lead-panel .selected-lead-contact > .selected-lead-address-link > span:not(#sq-final-selected-pane-contact-match) { color: #0077ff !important; font-family: inherit !important; font-size: 13.5px !important; font-weight: 750 !important; letter-spacing: 0 !important; line-height: 1.24 !important; text-decoration: none !important; text-transform: none !important; } .workspace .selected-lead-panel .selected-lead-contact > .selected-lead-address-link:not(#sq-final-selected-pane-contact-match) { display: inline-grid !important; gap: 0 !important; } .workspace .selected-lead-panel .selected-lead-contact > :is(.phone-link,.selected-lead-address-link,.borrower-email-link):is(:hover,:focus,:focus-visible):not(#sq-final-selected-pane-contact-match), html[data-theme="dark"] .workspace .selected-lead-panel .selected-lead-contact > :is(.phone-link,.selected-lead-address-link,.borrower-email-link):is(:hover,:focus,:focus-visible):not(#sq-final-selected-pane-contact-match) { color: #0077ff !important; text-decoration: none !important; } /* Market Data: give the Treasury sparkline enough room to read cleanly. */ body[data-app-view="control"] .market-data-panel .market-data-card.has-chart:not(#sq-final-market-chart-readable), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel .market-data-card.has-chart:not(#sq-final-market-chart-readable) { grid-template-columns: minmax(0, 1fr) minmax(285px, 330px) !important; } body[data-app-view="control"] .market-data-panel .market-data-card.has-chart .market-mini-chart:not(#sq-final-market-chart-readable), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel .market-data-card.has-chart .market-mini-chart:not(#sq-final-market-chart-readable) { gap: 5px !important; justify-self: stretch !important; max-width: 330px !important; width: 100% !important; } body[data-app-view="control"] .market-data-panel .market-data-card.has-chart .market-mini-chart svg:not(#sq-final-market-chart-readable), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel .market-data-card.has-chart .market-mini-chart svg:not(#sq-final-market-chart-readable) { height: 78px !important; margin-top: -1px !important; } body[data-app-view="control"] .market-data-panel .market-data-card.has-chart .market-mini-chart-tabs:not(#sq-final-market-chart-readable), html[data-theme="dark"] body[data-app-view="control"] .market-data-panel .market-data-card.has-chart .market-mini-chart-tabs:not(#sq-final-market-chart-readable) { justify-self: end !important; margin-top: -1px !important; max-width: 285px !important; width: 88% !important; } /* Selected lead MISMO launcher: compact collapsed 1003 action stack so screenshots fit the pane. */ .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open):not(#sq-final-mismo-launcher-snapshot-fit), html[data-theme="dark"] .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open):not(#sq-final-mismo-launcher-snapshot-fit) { gap: 8px !important; } .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open) > .lead-tool-head:not(#sq-final-mismo-launcher-snapshot-fit), html[data-theme="dark"] .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open) > .lead-tool-head:not(#sq-final-mismo-launcher-snapshot-fit) { margin-bottom: -1px !important; } .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open) > .meta:not(#sq-final-mismo-launcher-snapshot-fit), html[data-theme="dark"] .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open) > .meta:not(#sq-final-mismo-launcher-snapshot-fit) { margin: -3px 0 4px !important; } .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open) .mismo-status-strip:not(#sq-final-mismo-launcher-snapshot-fit), html[data-theme="dark"] .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open) .mismo-status-strip:not(#sq-final-mismo-launcher-snapshot-fit) { min-height: 34px !important; padding: 5px 9px !important; } .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open) .lead-tool-actions:not(#sq-final-mismo-launcher-snapshot-fit), html[data-theme="dark"] .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open) .lead-tool-actions:not(#sq-final-mismo-launcher-snapshot-fit) { gap: 6px 8px !important; } .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open) .lead-tool-actions > .btn:not(#sq-final-mismo-launcher-snapshot-fit), html[data-theme="dark"] .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open) .lead-tool-actions > .btn:not(#sq-final-mismo-launcher-snapshot-fit) { min-height: 35px !important; padding-block: 6px !important; } .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open) .launch-1003-combo:not(#sq-final-mismo-launcher-snapshot-fit), html[data-theme="dark"] .workspace .selected-lead-panel .mismo-launcher-panel:not(.is-1003-open) .launch-1003-combo:not(#sq-final-mismo-launcher-snapshot-fit) { min-height: 44px !important; } /* Dark mode: keep lead editor fields readable instead of inheriting white-box locks. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is([data-lead-editor-card="property"][open],[data-lead-editor-card="loanScenario"][open]):not(#sq-dark-lead-fields-final-lock) { --sq-top-window-label: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 88%, #ffffff); --sq-top-window-value: color-mix(in srgb, #ffffff 92%, var(--label-tab-accent, #8cc9ed)); --sq-top-window-field: color-mix(in srgb, #0f1b25 88%, var(--paper)); --sq-top-window-border: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 38%, var(--line)); } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is( [data-lead-editor-card="property"][open] .editor-section-body label:not(.county-field-error):not(.zillow-updated-field) input, [data-lead-editor-card="property"][open] .editor-section-body label:not(.zillow-updated-select-field) .editor-choice-shell .custom-choice-menu summary, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body label:not(.scenario-field-error):not(.scenario-field-empty):not(.scenario-ltv-safe):not(.scenario-ltv-caution):not(.scenario-ltv-alert):not(.scenario-fico-safe):not(.scenario-fico-caution):not(.scenario-fico-alert):not(.zillow-updated-field) input, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body label .editor-choice-shell .custom-choice-menu summary ):not(#sq-dark-lead-fields-final-lock) { background: var(--sq-top-window-field) !important; background-color: var(--sq-top-window-field) !important; border-color: var(--sq-top-window-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important; color: var(--sq-top-window-value) !important; color-scheme: dark !important; } /* Light Property + Scenario panes: match 1003 field typography exactly enough to remove the skinny legacy mix. */ html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid :is( [data-lead-editor-card="property"][open], .lead-top-collapsible-card.editor-property[open], [data-lead-editor-card="loanScenario"][open], .lead-scenario-fields[open] ) label, html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid :is( [data-lead-editor-card="property"][open], .lead-top-collapsible-card.editor-property[open], [data-lead-editor-card="loanScenario"][open], .lead-scenario-fields[open] ) label > span:first-child { font-family: var(--sq-font-family) !important; font-size: 12px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid :is( [data-lead-editor-card="property"][open] .editor-section-body input, [data-lead-editor-card="property"][open] .editor-section-body select, [data-lead-editor-card="property"][open] .editor-section-body textarea, [data-lead-editor-card="property"][open] .editor-section-body .custom-choice-menu > summary, [data-lead-editor-card="property"][open] .editor-section-body .custom-choice-menu > summary :is(strong,span,b,em,small), [data-lead-editor-card="property"][open] .editor-section-body .quick-choice-options > button, [data-lead-editor-card="property"][open] .editor-section-body .quick-choice-options > button :is(strong,span,b,em,small), [data-lead-editor-card="loanScenario"][open] .lead-scenario-body input, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body select, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body textarea, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .custom-choice-menu > summary, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .custom-choice-menu > summary :is(strong,span,b,em,small), [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .quick-choice-options > button, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .quick-choice-options > button :is(strong,span,b,em,small) ) { -webkit-text-fill-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is( [data-lead-editor-card="property"][open] .editor-section-body input, [data-lead-editor-card="property"][open] .editor-section-body select, [data-lead-editor-card="property"][open] .editor-section-body textarea, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body input, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body select, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body textarea ):not(#sq-dark-lead-fields-final-lock)::placeholder { color: color-mix(in srgb, var(--muted) 72%, transparent) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is( [data-lead-editor-card="property"][open] .editor-section-body input, [data-lead-editor-card="property"][open] .editor-choice-shell .custom-choice-menu summary, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body input, [data-lead-editor-card="loanScenario"][open] .editor-choice-shell .custom-choice-menu summary ):is(:hover,:focus,:focus-visible):not(#sq-dark-lead-fields-final-lock) { border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 62%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 2px color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 18%, transparent) !important; outline: 0 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel:not(#sq-dark-selected-pane-fields-final-lock) { --sq-pane-field-bg: color-mix(in srgb, #0f1b25 88%, var(--paper)); --sq-pane-field-border: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 36%, var(--line)); --sq-pane-value: color-mix(in srgb, #ffffff 92%, var(--label-tab-accent, #8cc9ed)); --sq-pane-title: color-mix(in srgb, #ffffff 92%, var(--label-tab-accent, #8cc9ed)); } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail:not(.scenario-ltv-safe):not(.scenario-fico-safe):not(.scenario-ltv-caution):not(.scenario-fico-caution):not(.scenario-ltv-alert):not(.scenario-fico-alert) :is(input,select,.quick-choice-menu summary,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-pair-row,.lead-panel-piggyback-ratio-mini input):not(#sq-dark-selected-pane-fields-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:not(#sq-dark-selected-pane-fields-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-inline-tab:not(#sq-dark-selected-pane-fields-final-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-readiness-status,.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button,.lead-panel-second-structure-toggle):not(#sq-dark-selected-pane-fields-final-lock) { background: var(--sq-pane-field-bg) !important; background-color: var(--sq-pane-field-bg) !important; border-color: var(--sq-pane-field-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; color: var(--sq-pane-value) !important; color-scheme: dark !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.lead-panel-readiness-status,.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button,.lead-panel-second-structure-toggle) :is(strong,.meta,li,span):not(#sq-dark-selected-pane-fields-final-lock) { color: var(--sq-pane-value) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-control-icon:not(.quote):not(.bonzo):not(#sq-dark-selected-pane-fields-final-lock) { background: color-mix(in srgb, #0f1b25 84%, var(--paper)) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 34%, var(--line)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; color: color-mix(in srgb, #ffffff 90%, var(--label-tab-accent, #8cc9ed)) !important; } /* Landing footer legal links: make disclosures readable enough for screenshots. */ .public-legal-footer.landing-legal-footer:not(#sq-final-landing-legal-links-readable) { gap: 10px 28px !important; padding-bottom: 34px !important; padding-top: 24px !important; } .public-legal-footer.landing-legal-footer a:not(#sq-final-landing-legal-links-readable) { color: color-mix(in srgb, var(--primary) 84%, var(--ink)) !important; font-size: clamp(13px, .78vw, 15px) !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.25 !important; text-decoration: none !important; } .public-legal-footer.landing-legal-footer a:is(:hover,:focus-visible):not(#sq-final-landing-legal-links-readable) { color: color-mix(in srgb, var(--accent) 84%, var(--primary)) !important; text-decoration: underline !important; text-underline-offset: 4px !important; } /* Dark mode lead controls: keep action buttons crisp instead of washed out. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon,.lead-panel-action-chip.lead-panel-control-icon):not(.quote):not(.bonzo):not(#sq-final-dark-control-buttons-readable) { background: linear-gradient(180deg, color-mix(in srgb, #142737 88%, var(--paper)), color-mix(in srgb, #0c1620 92%, var(--paper))) !important; background-color: color-mix(in srgb, #0f1b25 88%, var(--paper)) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 42%, var(--line)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.18) !important; color: color-mix(in srgb, #ffffff 92%, var(--label-tab-accent, #8cc9ed)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon,.lead-panel-action-chip.lead-panel-control-icon):not(.quote):not(.bonzo):not(#sq-final-dark-control-buttons-readable) :is(svg,small) { color: currentColor !important; opacity: 1 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon,.lead-panel-action-chip.lead-panel-control-icon):not(.quote):not(.bonzo):is(:hover,:focus,:focus-visible,.is-active):not(#sq-final-dark-control-buttons-readable) { background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 24%, #102232), color-mix(in srgb, var(--primary) 16%, #0d1822)) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 68%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 0 2px color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 18%, transparent) !important; color: #ffffff !important; outline: 0 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.lead-panel-action-chip.quote:not(#sq-final-dark-control-buttons-readable) { background: linear-gradient(180deg, #eaf8ff, #d8effb) !important; border-color: #6dc4ef !important; color: #0077cc !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.lead-panel-action-chip.bonzo:not(#sq-final-dark-control-buttons-readable) { background: linear-gradient(180deg, #fff2fb, #fde5f4) !important; border-color: color-mix(in srgb, #f233a6 54%, #ffffff) !important; color: #c0187e !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo):not(#sq-final-dark-control-buttons-readable) small { color: currentColor !important; font-weight: 850 !important; opacity: 1 !important; } /* Quote Preview dark mode: keep version/delivery/send pills readable on the dark toolbar. */ html[data-theme="dark"] body .quote-preview-toolbar:not(#sq-final-quote-preview-dark-controls) { background: #111820 !important; background-color: #111820 !important; border-color: color-mix(in srgb, #8cc9ed 26%, #3a4653) !important; } html[data-theme="dark"] body .quote-preview-toolbar :is(.quote-preview-control-field,.quote-preview-version-control,.quote-preview-action-control):not(#sq-final-quote-preview-dark-controls) { background: color-mix(in srgb, #142434 82%, #111820) !important; background-color: color-mix(in srgb, #142434 82%, #111820) !important; border-color: color-mix(in srgb, #8cc9ed 28%, #3a4653) !important; } html[data-theme="dark"] body .quote-preview-toolbar .quote-preview-control-label:not(#sq-final-quote-preview-dark-controls) { color: color-mix(in srgb, #8cc9ed 86%, #ffffff) !important; } html[data-theme="dark"] body .quote-preview-toolbar .quote-preview-segment button:not(.is-active):not(.primary):not(:disabled):not(#sq-final-quote-preview-dark-controls), html[data-theme="dark"] body .quote-preview-toolbar .quote-preview-segment button:not(.is-active):not(.primary):not(:disabled):is(:hover,:focus,:focus-visible,:active):not(#sq-final-quote-preview-dark-controls) { background: linear-gradient(180deg, color-mix(in srgb, #162d40 86%, #111820), color-mix(in srgb, #0f1b25 92%, #111820)) !important; background-color: color-mix(in srgb, #0f1b25 88%, #111820) !important; border-color: color-mix(in srgb, #8cc9ed 36%, #3a4653) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; color: color-mix(in srgb, #ffffff 92%, #8cc9ed) !important; } html[data-theme="dark"] body .quote-preview-toolbar .quote-preview-segment button.is-active:not(#sq-final-quote-preview-dark-controls), html[data-theme="dark"] body .quote-preview-toolbar .quote-preview-style-switch button.is-active:not(#sq-final-quote-preview-dark-controls), html[data-theme="dark"] body .quote-preview-toolbar .quote-preview-top-actions [data-quote-logo-toggle].is-active:not(#sq-final-quote-preview-dark-controls) { background: color-mix(in srgb, var(--accent) 42%, #14324a) !important; background-color: color-mix(in srgb, var(--accent) 42%, #14324a) !important; border-color: color-mix(in srgb, var(--accent) 74%, #8cc9ed) !important; box-shadow: inset 0 -2px 0 color-mix(in srgb, #ffffff 34%, var(--accent)), inset 0 1px 0 rgba(255,255,255,.12) !important; color: #ffffff !important; } html[data-theme="dark"] body .quote-preview-toolbar .quote-preview-segment button:disabled:not(#sq-final-quote-preview-dark-controls) { background: color-mix(in srgb, #f8fbff 94%, #dceaf3) !important; background-color: color-mix(in srgb, #f8fbff 94%, #dceaf3) !important; border-color: color-mix(in srgb, #d4e1eb 86%, #ffffff) !important; box-shadow: none !important; color: color-mix(in srgb, #12304a 92%, #6f8192) !important; cursor: not-allowed !important; opacity: .96 !important; } html[data-theme="dark"] body .quote-preview-toolbar :is(.quote-preview-style-switch,.quote-preview-top-actions button:not([data-quote-logo-toggle])):not(#sq-final-quote-preview-dark-controls) { border-color: color-mix(in srgb, #8cc9ed 34%, #3a4653) !important; } /* Escrow Prepaids dark mode: keep Fetch Taxes readable beside the dark toggle pills. */ html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .escrow-tax-fetch-button:not(#sq-final-dark-escrow-fetch-taxes), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .tax-fetch-button:not(#sq-final-dark-escrow-fetch-taxes) { background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 36%, #14283a), color-mix(in srgb, var(--primary) 20%, #0d1822)) !important; background-color: color-mix(in srgb, var(--accent) 30%, #102232) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 68%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 1px 3px rgba(0,0,0,.26) !important; color: #ffffff !important; opacity: 1 !important; text-shadow: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .escrow-tax-fetch-button:is(:hover,:focus,:focus-visible,:active):not(#sq-final-dark-escrow-fetch-taxes), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .tax-fetch-button:is(:hover,:focus,:focus-visible,:active):not(#sq-final-dark-escrow-fetch-taxes) { border-color: color-mix(in srgb, #ffffff 30%, var(--accent)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent), 0 1px 3px rgba(0,0,0,.3) !important; color: #ffffff !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .escrow-tax-fetch-button:disabled:not(#sq-final-dark-escrow-fetch-taxes), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .quote-breakdown-escrow-prepaids .tax-fetch-button:disabled:not(#sq-final-dark-escrow-fetch-taxes) { background: color-mix(in srgb, #223243 78%, #111820) !important; background-color: color-mix(in srgb, #223243 78%, #111820) !important; border-color: color-mix(in srgb, #8cc9ed 30%, #3a4653) !important; color: color-mix(in srgb, #ffffff 82%, #8cc9ed) !important; cursor: wait !important; opacity: .82 !important; } /* Debt Calculator dark mode: keep summary cards, panels, and table text readable. */ html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .calculator-card-body:not(#sq-final-dark-debt-calculator-readable) { color: color-mix(in srgb, #ffffff 88%, var(--label-tab-accent, #8cc9ed)) !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] :is(.credit-report-snapshot-strip,.credit-report-identity-card,.credit-report-table-wrap,.credit-report-history-section,.credit-report-history-item,.credit-report-total-grid .calculator-metric):not(#sq-final-dark-debt-calculator-readable) { background: color-mix(in srgb, #111820 88%, #1b2b3b) !important; background-color: color-mix(in srgb, #111820 88%, #1b2b3b) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 26%, #3a4653) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important; color: color-mix(in srgb, #ffffff 88%, var(--label-tab-accent, #8cc9ed)) !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] :is(.credit-report-snapshot-strip.is-demo,.credit-report-identity-card.pass):not(#sq-final-dark-debt-calculator-readable) { background: color-mix(in srgb, #10251f 78%, #111820) !important; background-color: color-mix(in srgb, #10251f 78%, #111820) !important; border-color: color-mix(in srgb, var(--green) 46%, #3a4653) !important; border-left-color: color-mix(in srgb, var(--green) 86%, #8cc9ed) !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-total-grid .calculator-metric:not(#sq-final-dark-debt-calculator-readable) { min-height: 84px !important; padding: 12px 14px !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-total-grid .calculator-metric span:not(#sq-final-dark-debt-calculator-readable), html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] :is(.credit-report-snapshot-strip,.credit-report-identity-card,.credit-report-history-head) span:not(#sq-final-dark-debt-calculator-readable) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 82%, #ffffff) !important; font-size: 11px !important; font-weight: 850 !important; letter-spacing: 0 !important; opacity: 1 !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-total-grid .calculator-metric strong:not(#sq-final-dark-debt-calculator-readable) { color: #ffffff !important; font-size: 21px !important; font-weight: 950 !important; letter-spacing: 0 !important; opacity: 1 !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] :is(.credit-report-snapshot-strip,.credit-report-identity-card,.credit-report-history-head,.credit-report-history-item,.credit-report-table) strong:not(#sq-final-dark-debt-calculator-readable), html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-table td:not(#sq-final-dark-debt-calculator-readable) { color: color-mix(in srgb, #ffffff 94%, var(--label-tab-accent, #8cc9ed)) !important; font-weight: 850 !important; letter-spacing: 0 !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] :is(.credit-report-total-grid .calculator-metric small,.credit-report-snapshot-strip small,.credit-report-identity-card small,.credit-report-history-head small,.credit-report-history-item small,.credit-report-history-item > span,.credit-report-actions span):not(#sq-final-dark-debt-calculator-readable) { color: color-mix(in srgb, #ffffff 74%, var(--label-tab-accent, #8cc9ed)) !important; font-weight: 720 !important; letter-spacing: 0 !important; opacity: 1 !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-snapshot-strip em:not(#sq-final-dark-debt-calculator-readable) { background: color-mix(in srgb, var(--green) 30%, #10251f) !important; border-color: color-mix(in srgb, var(--green) 62%, #8cc9ed) !important; color: #eafff3 !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-table-wrap:not(#sq-final-dark-debt-calculator-readable) { background: #12171d !important; background-color: #12171d !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-table th:not(#sq-final-dark-debt-calculator-readable) { background: color-mix(in srgb, #0d141b 88%, #223243) !important; background-color: color-mix(in srgb, #0d141b 88%, #223243) !important; color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 88%, #ffffff) !important; font-size: 11px !important; font-weight: 900 !important; letter-spacing: 0 !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-table tr:not(#sq-final-dark-debt-calculator-readable) { background: color-mix(in srgb, #12171d 92%, #1b2b3b) !important; background-color: color-mix(in srgb, #12171d 92%, #1b2b3b) !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-table tr.is-included td:first-child:not(#sq-final-dark-debt-calculator-readable), html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-table tr.is-paid-off td:first-child:not(#sq-final-dark-debt-calculator-readable) { box-shadow: inset 3px 0 0 color-mix(in srgb, var(--green) 86%, #8cc9ed) !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-table input[type="checkbox"]:not(#sq-final-dark-debt-calculator-readable) { accent-color: color-mix(in srgb, var(--green) 70%, var(--accent)) !important; opacity: .9 !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-actions .btn:not(#sq-final-dark-debt-calculator-readable) { background: color-mix(in srgb, #142434 86%, #111820) !important; background-color: color-mix(in srgb, #142434 86%, #111820) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 34%, #3a4653) !important; color: color-mix(in srgb, #ffffff 88%, var(--label-tab-accent, #8cc9ed)) !important; font-weight: 900 !important; opacity: 1 !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-actions .btn.primary:not(#sq-final-dark-debt-calculator-readable) { background: color-mix(in srgb, var(--accent) 56%, #145074) !important; background-color: color-mix(in srgb, var(--accent) 56%, #145074) !important; border-color: color-mix(in srgb, var(--accent) 78%, #8cc9ed) !important; color: #ffffff !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-actions .btn:disabled:not(#sq-final-dark-debt-calculator-readable) { color: color-mix(in srgb, #ffffff 66%, var(--label-tab-accent, #8cc9ed)) !important; cursor: not-allowed !important; opacity: .72 !important; } html[data-theme="dark"] body[data-app-view="calculators"] [data-calculator-section="debtImport"][open] .credit-report-flag:not(.is-clean):not(.is-alert):not(#sq-final-dark-debt-calculator-readable) { background: color-mix(in srgb, var(--brand-gold) 18%, #21190d) !important; border-color: color-mix(in srgb, var(--brand-gold) 58%, #3a4653) !important; color: color-mix(in srgb, #ffffff 88%, var(--brand-gold)) !important; font-weight: 850 !important; } /* Expanded mini-pricing Presets dark mode: keep both 1st and 2nd preset editors readable. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.pricing-presets-body,.mini-control-stack,.mini-control-stack-grid,.mini-control-option-matrix,.mini-control-pref-field,.mini-control-mood-field,.mini-control-comp-panel,.mini-control-comp-input):not(#sq-final-dark-expanded-presets-readable) { background: color-mix(in srgb, #111820 90%, #1b2b3b) !important; background-color: color-mix(in srgb, #111820 90%, #1b2b3b) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 30%, #3a4653) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important; color: color-mix(in srgb, #ffffff 90%, var(--label-tab-accent, #8cc9ed)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-control-pref-field,.mini-control-mood-field,.mini-control-comp-input) > span:not(.custom-choice-shell):not(#sq-final-dark-expanded-presets-readable), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-row-label:not(#sq-final-dark-expanded-presets-readable) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 86%, #ffffff) !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: 0 !important; opacity: 1 !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .custom-choice-menu > summary:not(#sq-final-dark-expanded-presets-readable), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-mood-field .mini-preset-auto-mood.is-expanded-control:not(#sq-final-dark-expanded-presets-readable) { background: color-mix(in srgb, #162a3b 88%, #101820) !important; background-color: color-mix(in srgb, #162a3b 88%, #101820) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 44%, #3a4653) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.18) !important; color: color-mix(in srgb, #ffffff 94%, var(--label-tab-accent, #8cc9ed)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .custom-choice-menu > summary :is(strong,span,.mini-pref-display-text):not(#sq-final-dark-expanded-presets-readable), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-mood-field .mini-preset-auto-mood.is-expanded-control em:not(#sq-final-dark-expanded-presets-readable) { color: color-mix(in srgb, #ffffff 94%, var(--label-tab-accent, #8cc9ed)) !important; font-weight: 850 !important; letter-spacing: 0 !important; opacity: 1 !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .custom-choice-menu[open] > summary:not(#sq-final-dark-expanded-presets-readable) { border-color: color-mix(in srgb, var(--accent) 70%, var(--label-tab-accent, #8cc9ed)) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent), inset 0 1px 0 rgba(255,255,255,.1) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell).is-locked .custom-choice-menu > summary:not(#sq-final-dark-expanded-presets-readable), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell).is-option-disabled .custom-choice-menu > summary:not(#sq-final-dark-expanded-presets-readable) { background: color-mix(in srgb, #1b2530 86%, #111820) !important; background-color: color-mix(in srgb, #1b2530 86%, #111820) !important; border-color: color-mix(in srgb, #8cc9ed 24%, #3a4653) !important; color: color-mix(in srgb, #ffffff 70%, var(--label-tab-accent, #8cc9ed)) !important; opacity: .86 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell).is-locked .custom-choice-menu > summary :is(strong,span,.mini-pref-display-text):not(#sq-final-dark-expanded-presets-readable), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell).is-option-disabled .custom-choice-menu > summary :is(strong,span,.mini-pref-display-text):not(#sq-final-dark-expanded-presets-readable) { color: color-mix(in srgb, #ffffff 70%, var(--label-tab-accent, #8cc9ed)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-toggle:not(#sq-final-dark-expanded-presets-readable) { background: color-mix(in srgb, #172433 86%, #111820) !important; background-color: color-mix(in srgb, #172433 86%, #111820) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 36%, #3a4653) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; color: color-mix(in srgb, #ffffff 86%, var(--label-tab-accent, #8cc9ed)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-toggle.is-enabled.mini-control-option-toggle-1:not(#sq-final-dark-expanded-presets-readable) { background: color-mix(in srgb, #17406f 34%, #111820) !important; border-color: color-mix(in srgb, #87b8ff 58%, #3a4653) !important; color: color-mix(in srgb, #ffffff 88%, #87b8ff) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-toggle.is-enabled.mini-control-option-toggle-2:not(#sq-final-dark-expanded-presets-readable) { background: color-mix(in srgb, #15566a 30%, #111820) !important; border-color: color-mix(in srgb, #76d6ef 54%, #3a4653) !important; color: color-mix(in srgb, #ffffff 88%, #76d6ef) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-toggle.is-enabled.mini-control-option-toggle-3:not(#sq-final-dark-expanded-presets-readable) { background: color-mix(in srgb, var(--brand-gold) 26%, #111820) !important; border-color: color-mix(in srgb, var(--brand-gold) 58%, #3a4653) !important; color: color-mix(in srgb, #ffffff 86%, var(--brand-gold)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-toggle span:not(#sq-final-dark-expanded-presets-readable) { color: currentColor !important; font-weight: 850 !important; opacity: 1 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options:not(#sq-final-dark-expanded-presets-readable) { background: color-mix(in srgb, #101820 92%, #1b2b3b) !important; background-color: color-mix(in srgb, #101820 92%, #1b2b3b) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 38%, #3a4653) !important; box-shadow: 0 16px 32px rgba(0,0,0,.34) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button:not(#sq-final-dark-expanded-presets-readable) { background: transparent !important; color: color-mix(in srgb, #ffffff 88%, var(--label-tab-accent, #8cc9ed)) !important; font-weight: 650 !important; opacity: 1 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button.active:not(:hover):not(:focus-visible):not(#sq-final-dark-expanded-presets-readable) { background: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 16%, #101820) !important; background-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 16%, #101820) !important; color: color-mix(in srgb, #ffffff 94%, var(--label-tab-accent, #8cc9ed)) !important; font-weight: 850 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button:is(:hover,:focus-visible):not(#sq-final-dark-expanded-presets-readable) { background: color-mix(in srgb, var(--accent) 24%, #172433) !important; background-color: color-mix(in srgb, var(--accent) 24%, #172433) !important; color: #ffffff !important; outline: 0 !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.control-framed-label,.market-section-toggle.control-framed-label,.rate-sheet-archive-summary span):not(#sq-final-control-dark-expanded-labels) { background: color-mix(in srgb, #172433 88%, #0f1720) !important; background-color: color-mix(in srgb, #172433 88%, #0f1720) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, #3a4653) !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent, #8cc9ed), inset 0 1px 0 rgba(255,255,255,.1), 0 1px 4px rgba(0,0,0,.24) !important; color: color-mix(in srgb, #ffffff 92%, var(--label-tab-accent, #8cc9ed)) !important; font-family: inherit !important; font-weight: 850 !important; opacity: 1 !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.control-framed-label,.market-section-toggle.control-framed-label,.rate-sheet-archive-summary span):not(#sq-final-control-dark-expanded-labels)::before { background: var(--label-tab-accent, #8cc9ed) !important; opacity: 1 !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page :is(.control-collapsible-summary,.market-block-head,.market-apor-head,.rate-vault-heading) :is(.control-framed-label,.market-section-toggle.control-framed-label):is(:hover,:focus-visible):not(#sq-final-control-dark-expanded-labels), html[data-theme="dark"] body[data-app-view="control"] .control-page .control-collapsible-summary:is(:hover,:focus-visible) .control-framed-label:not(#sq-final-control-dark-expanded-labels) { background: color-mix(in srgb, var(--accent) 28%, #172433) !important; background-color: color-mix(in srgb, var(--accent) 28%, #172433) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 72%, var(--accent)) !important; color: #ffffff !important; } html[data-theme="dark"] .account-license-card:not(#sq-final-account-dark-fields) { color: color-mix(in srgb, #ffffff 92%, var(--label-tab-accent, #8cc9ed)) !important; } html[data-theme="dark"] .account-license-card :is(.account-license-note,.account-license-section-head p,.account-nmls-upload-row span):not(#sq-final-account-dark-fields) { color: color-mix(in srgb, #ffffff 76%, var(--label-tab-accent, #8cc9ed)) !important; font-weight: 760 !important; opacity: 1 !important; } html[data-theme="dark"] .account-license-card .account-license-section:not(#sq-final-account-dark-fields) { background: linear-gradient(180deg, color-mix(in srgb, #172433 88%, #101820), color-mix(in srgb, #111820 92%, #172433)) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 32%, #3a4653) !important; border-left-color: color-mix(in srgb, var(--accent) 84%, var(--label-tab-accent, #8cc9ed)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 10px 24px rgba(0,0,0,.18) !important; } html[data-theme="dark"] .account-license-card .account-license-section-head:not(#sq-final-account-dark-fields) { border-bottom-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 22%, #3a4653) !important; } html[data-theme="dark"] .account-license-card :is(.account-license-section-head h4,.account-license-states > summary span):not(#sq-final-account-dark-fields) { color: color-mix(in srgb, var(--accent) 78%, #ffffff) !important; font-weight: 950 !important; opacity: 1 !important; text-shadow: none !important; } html[data-theme="dark"] .account-license-card .account-license-form label:not(.account-license-check):not(#sq-final-account-dark-fields), html[data-theme="dark"] .account-license-card .account-quote-action-link-grid label:not(#sq-final-account-dark-fields) { color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 84%, #ffffff) !important; font-weight: 850 !important; opacity: 1 !important; } html[data-theme="dark"] .account-license-card .account-license-form input:not([type="checkbox"]):not(#sq-final-account-dark-fields) { background: color-mix(in srgb, #101820 76%, #243140) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 48%, #3a4653) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 1px 2px rgba(0,0,0,.16) !important; color: #f8fbff !important; caret-color: color-mix(in srgb, var(--accent) 82%, #ffffff) !important; font-weight: 850 !important; opacity: 1 !important; } html[data-theme="dark"] .account-license-card .account-license-form input:not([type="checkbox"]):not(#sq-final-account-dark-fields)::placeholder { color: color-mix(in srgb, #ffffff 58%, var(--label-tab-accent, #8cc9ed)) !important; opacity: 1 !important; } html[data-theme="dark"] .account-license-card .account-license-form input:not([type="checkbox"]):is(:hover,:focus):not(#sq-final-account-dark-fields) { background: color-mix(in srgb, #142435 82%, #243140) !important; border-color: color-mix(in srgb, var(--accent) 78%, var(--label-tab-accent, #8cc9ed)) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent), inset 0 1px 0 rgba(255,255,255,.12) !important; outline: 0 !important; } html[data-theme="dark"] .account-license-card .account-license-check:not(#sq-final-account-dark-fields) { background: color-mix(in srgb, #132638 86%, #101820) !important; border-color: color-mix(in srgb, var(--accent) 52%, #3a4653) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-theme="dark"] .account-license-card .account-license-check :is(span,small):not(#sq-final-account-dark-fields) { color: color-mix(in srgb, #ffffff 88%, var(--label-tab-accent, #8cc9ed)) !important; opacity: 1 !important; } html[data-theme="dark"] .account-license-card .account-license-check small:not(#sq-final-account-dark-fields) { color: color-mix(in srgb, #ffffff 66%, var(--label-tab-accent, #8cc9ed)) !important; } html[data-theme="dark"] .account-license-card .account-state-bubble span:not(#sq-final-account-dark-fields) { background: color-mix(in srgb, #151c26 84%, #223244) !important; border-color: color-mix(in srgb, #ffffff 16%, #3a4653) !important; color: color-mix(in srgb, #ffffff 78%, var(--label-tab-accent, #8cc9ed)) !important; } html[data-theme="dark"] .account-license-card .account-state-bubble input:checked + span:not(#sq-final-account-dark-fields) { background: color-mix(in srgb, var(--accent) 30%, #12283a) !important; border-color: color-mix(in srgb, var(--accent) 74%, var(--label-tab-accent, #8cc9ed)) !important; color: #ffffff !important; } html[data-theme="dark"] .account-license-card .account-verification-summary div:not(#sq-final-account-dark-fields) { background: color-mix(in srgb, #132638 84%, #101820) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 36%, #3a4653) !important; } html[data-theme="dark"] .account-license-card .account-verification-summary :is(span,strong):not(#sq-final-account-dark-fields), html[data-theme="dark"] .account-license-card .account-license-states > summary small:not(#sq-final-account-dark-fields) { color: color-mix(in srgb, #ffffff 84%, var(--label-tab-accent, #8cc9ed)) !important; opacity: 1 !important; } select option:not(#sq-final-dropdown-menu-value-ink-lock), select optgroup:not(#sq-final-dropdown-menu-value-ink-lock) { background: #ffffff !important; color: #071523 !important; color-scheme: light !important; } body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options button:not(#sq-final-dropdown-menu-value-ink-lock), body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options button:is(.active,:hover,:focus,:focus-visible):not(#sq-final-dropdown-menu-value-ink-lock), body .comp-override-menu .comp-override-option:not(#sq-final-dropdown-menu-value-ink-lock), body .comp-override-menu .comp-override-option:is(.active,:hover,:focus,:focus-visible):not(#sq-final-dropdown-menu-value-ink-lock) { color: var(--ink) !important; text-shadow: none !important; } html[data-theme="dark"] body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options button:not(#sq-final-dropdown-menu-value-ink-lock), html[data-theme="dark"] body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options button:is(.active,:hover,:focus,:focus-visible):not(#sq-final-dropdown-menu-value-ink-lock), html[data-theme="dark"] body .comp-override-menu .comp-override-option:not(#sq-final-dropdown-menu-value-ink-lock), html[data-theme="dark"] body .comp-override-menu .comp-override-option:is(.active,:hover,:focus,:focus-visible):not(#sq-final-dropdown-menu-value-ink-lock) { color: var(--ink) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-choice-menu strong,.quick-choice-value-stack span):not(#sq-final-selected-pane-dropdown-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-choice-menu strong,.quick-choice-value-stack span):not(#sq-final-selected-pane-dropdown-type-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-choice-options button:not(#sq-final-selected-pane-dropdown-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-choice-options button:not(#sq-final-selected-pane-dropdown-type-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-choice-options button:is(.active,:hover,:focus,:focus-visible):not(#sq-final-selected-pane-dropdown-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-choice-options button:is(.active,:hover,:focus,:focus-visible):not(#sq-final-selected-pane-dropdown-type-lock) { color: var(--sq-pane-value, #142235) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button:not(#sq-final-presets-dropdown-type-align-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button:is(.active,:hover,:focus,:focus-visible):not(#sq-final-presets-dropdown-type-align-lock) { color: var(--ink) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button:not(#sq-final-presets-dropdown-type-align-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options button:is(.active,:hover,:focus,:focus-visible):not(#sq-final-presets-dropdown-type-align-lock) { color: color-mix(in srgb, #ffffff 90%, var(--label-tab-accent, #8cc9ed)) !important; font-weight: 650 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-row .mini-control-choice-shell.is-auto-value .custom-choice-menu > summary strong:not(#sq-final-presets-auto-display-center-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-row .mini-control-choice-shell.is-auto-value .custom-choice-menu > summary strong:not(#sq-final-presets-auto-display-center-lock) { display: block !important; justify-self: stretch !important; padding-left: 0 !important; padding-right: 0 !important; text-align: center !important; width: 100% !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .lead-panel-status-log-preview-button .lead-panel-log-preview:not(#sq-final-log-preview-entry-type-lock), body[data-app-view="leads"] .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated .lead-panel-status-nested .lead-panel-log-card.is-embedded:not([open]) .lead-panel-log-preview:not(#sq-final-log-preview-entry-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .lead-panel-status-log-preview-button .lead-panel-log-preview:not(#sq-final-log-preview-entry-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated .lead-panel-status-nested .lead-panel-log-card.is-embedded:not([open]) .lead-panel-log-preview:not(#sq-final-log-preview-entry-type-lock) { color: #071523 !important; font-size: 11.5px !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.28 !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .lead-panel-status-log-preview-button:not(#sq-final-log-preview-entry-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card .lead-panel-status-log-preview-button:not(#sq-final-log-preview-entry-type-lock) { color: #071523 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is(.lead-top-collapsible-card,.lead-scenario-fields) > .editor-section-summary > span:first-child:not(#sq-final-responsive-section-tabs-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-responsive-section-tabs-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-snapshot-presets-drawer .pricing-presets-summary .pricing-presets-title:not(#sq-final-responsive-section-tabs-lock) { align-items: center !important; background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border: 1px solid var(--label-tab-border) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent) !important; color: color-mix(in srgb, var(--ink) 96%, var(--primary)) !important; display: inline-flex !important; flex: 0 1 auto !important; font-size: clamp(14px, 3.8cqw, 16px) !important; font-weight: 700 !important; gap: 8px !important; height: auto !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1.08 !important; max-width: min(100%, 260px) !important; min-height: 32px !important; min-width: 0 !important; overflow: hidden !important; padding: 8px 12px 8px 10px !important; position: relative !important; text-align: left !important; text-overflow: ellipsis !important; text-transform: none !important; top: 0 !important; white-space: nowrap !important; width: auto !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is(.lead-top-collapsible-card,.lead-scenario-fields) > .editor-section-summary > span:first-child::before, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child::before, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-snapshot-presets-drawer .pricing-presets-summary .pricing-presets-title::before { background: var(--label-tab-accent) !important; border-radius: 999px !important; content: "" !important; display: inline-block !important; flex: 0 0 auto !important; height: 18px !important; width: var(--section-label-accent-width) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is(.lead-top-collapsible-card,.lead-scenario-fields) > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-responsive-section-tabs-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-responsive-section-tabs-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-snapshot-presets-drawer .pricing-presets-summary:is(:hover,:focus,:focus-visible) .pricing-presets-title:not(#sq-final-responsive-section-tabs-lock) { background: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; background-color: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 36%, var(--line)) !important; outline: 0 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is(.lead-top-collapsible-card,.lead-scenario-fields) > .editor-section-summary > span:first-child:not(#sq-final-responsive-section-tabs-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-responsive-section-tabs-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-snapshot-presets-drawer .pricing-presets-summary .pricing-presets-title:not(#sq-final-responsive-section-tabs-lock) { background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border-color: var(--label-tab-border) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 4px rgba(0,0,0,.2) !important; color: #ffffff !important; } @container (max-width: 360px) { body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .lead-editor-grid :is(.lead-top-collapsible-card,.lead-scenario-fields) > .editor-section-summary > span:first-child:not(#sq-final-responsive-section-tabs-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-responsive-section-tabs-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-snapshot-presets-drawer .pricing-presets-summary .pricing-presets-title:not(#sq-final-responsive-section-tabs-lock) { font-size: 14px !important; max-width: 100% !important; padding-left: 9px !important; padding-right: 10px !important; } } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:not(#sq-final-leads-window-tab-unification-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-leads-window-tab-unification-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-snapshot-presets-drawer .pricing-presets-summary .pricing-presets-title:not(#sq-final-leads-window-tab-unification-lock) { align-items: center !important; background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border: 1px solid color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 30%, var(--label-tab-border, var(--line))) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent) !important; color: var(--label-tab-accent, #5aaef4) !important; display: inline-flex !important; flex: 0 1 auto !important; font-family: inherit !important; font-size: clamp(14px, 3.8cqw, 16px) !important; font-style: normal !important; font-weight: 850 !important; gap: 8px !important; height: auto !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1.08 !important; max-width: min(100%, 260px) !important; min-height: 32px !important; min-width: 0 !important; overflow: hidden !important; padding: 8px 12px 8px 10px !important; position: relative !important; text-align: left !important; text-decoration: none !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; top: 0 !important; white-space: nowrap !important; width: auto !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child::before, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child::before, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-snapshot-presets-drawer .pricing-presets-summary .pricing-presets-title::before { background: var(--label-tab-accent, #8cc9ed) !important; border-radius: 999px !important; content: "" !important; display: inline-block !important; flex: 0 0 auto !important; height: 18px !important; opacity: 1 !important; width: var(--section-label-accent-width, 3px) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-leads-window-tab-unification-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-leads-window-tab-unification-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-snapshot-presets-drawer .pricing-presets-summary:is(:hover,:focus,:focus-visible) .pricing-presets-title:not(#sq-final-leads-window-tab-unification-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible):not(#sq-final-leads-window-tab-unification-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible):not(#sq-final-leads-window-tab-unification-lock) { background: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; background-color: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 36%, var(--line)) !important; color: color-mix(in srgb, var(--ink) 94%, var(--primary)) !important; outline: 0 !important; text-decoration: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:not(#sq-final-leads-window-tab-unification-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-leads-window-tab-unification-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-snapshot-presets-drawer .pricing-presets-summary .pricing-presets-title:not(#sq-final-leads-window-tab-unification-lock) { background: color-mix(in srgb, #0f1b25 84%, var(--paper)) !important; background-color: color-mix(in srgb, #0f1b25 84%, var(--paper)) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 38%, var(--line)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 1px 4px rgba(0,0,0,.22) !important; color: color-mix(in srgb, #ffffff 92%, var(--label-tab-accent, #8cc9ed)) !important; color-scheme: dark !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-leads-window-tab-unification-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-leads-window-tab-unification-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-snapshot-presets-drawer .pricing-presets-summary:is(:hover,:focus,:focus-visible) .pricing-presets-title:not(#sq-final-leads-window-tab-unification-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible):not(#sq-final-leads-window-tab-unification-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible):not(#sq-final-leads-window-tab-unification-lock) { background: color-mix(in srgb, var(--accent) 22%, #0f1b25) !important; background-color: color-mix(in srgb, var(--accent) 22%, #0f1b25) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 64%, var(--accent)) !important; color: #ffffff !important; text-decoration: none !important; } /* Landing-only hard stop: keep the hero quote preview clear of the Log In button at every desktop width. */ body:not([data-app-view]) .landing-nav:not(#sq-final-landing-login-safe-zone) { z-index: 40 !important; } body:not([data-app-view]) .landing-nav-actions:not(#sq-final-landing-login-safe-zone), body:not([data-app-view]) .landing-login-trigger:not(#sq-final-landing-login-safe-zone) { position: relative !important; z-index: 41 !important; } body:not([data-app-view]) .landing-hero-product-shot.landing-hero-borrower-shot:not(#sq-final-landing-login-safe-zone) { max-width: min(640px, calc(100vw - 1040px)) !important; min-width: 500px !important; opacity: .98 !important; right: clamp(136px, 8vw, 230px) !important; top: 150px !important; transform: translateZ(0) !important; width: clamp(520px, 28vw, 640px) !important; } @media (min-width: 1900px) { body:not([data-app-view]) .landing-hero-product-shot.landing-hero-borrower-shot:not(#sq-final-landing-login-safe-zone) { right: clamp(180px, 10vw, 280px) !important; top: 154px !important; width: 620px !important; } } @media (min-width: 1501px) and (max-width: 1899px) { body:not([data-app-view]) .landing-hero-product-shot.landing-hero-borrower-shot:not(#sq-final-landing-login-safe-zone) { top: 86px !important; width: clamp(520px, 29vw, 620px) !important; } } @media (min-width: 1181px) and (max-width: 1500px) { body:not([data-app-view]) .landing-hero-product-shot.landing-hero-borrower-shot:not(#sq-final-landing-login-safe-zone) { right: clamp(150px, 11vw, 210px) !important; top: 148px !important; width: clamp(460px, 34vw, 540px) !important; } } /* Landing-only hero preview: use the open desktop space without changing the narrow fade behavior. */ @media (min-width: 1501px) { body:not([data-app-view]) .landing-hero-product-shot.landing-hero-borrower-shot:not(#sq-final-landing-desktop-preview-scale) { bottom: clamp(58px, 8vh, 82px) !important; max-width: min(720px, calc(100vw - 800px)) !important; min-width: 0 !important; opacity: .64 !important; right: clamp(74px, 7vw, 160px) !important; top: auto !important; width: clamp(650px, 38vw, 720px) !important; } } @media (min-width: 1900px) { body:not([data-app-view]) .landing-hero-product-shot.landing-hero-borrower-shot:not(#sq-final-landing-desktop-preview-scale) { right: clamp(110px, 7vw, 180px) !important; width: clamp(650px, 34vw, 720px) !important; } } /* Landing-only login protection: keep the header action readable when the large hero preview sits behind it. */ body:not([data-app-view]) .landing-nav:not(#sq-final-landing-login-protection) { z-index: 90 !important; } body:not([data-app-view]) .landing-login-trigger:not(#sq-final-landing-login-protection) { background: rgba(15, 31, 45, .7) !important; border-color: rgba(255, 255, 255, .58) !important; box-shadow: 0 10px 28px rgba(4, 14, 24, .24), inset 0 1px 0 rgba(255, 255, 255, .18) !important; color: #fff !important; text-shadow: 0 1px 8px rgba(0, 0, 0, .42) !important; } @media (min-width: 1501px) { body:not([data-app-view]) .landing-hero-product-shot.landing-hero-borrower-shot:not(#sq-final-landing-login-protection) { opacity: .64 !important; } } /* Landing-only login placement: top-right belongs to the transparent hero, inline belongs to the solid preview hero. */ body:not([data-app-view]) .landing-hero-actions .landing-hero-login-trigger:not(#sq-final-landing-login-placement-lock) { display: none !important; } @media (min-width: 1501px) { body:not([data-app-view]) .landing-nav-actions .landing-login-trigger:not(#sq-final-landing-login-placement-lock) { display: none !important; } body:not([data-app-view]) .landing-hero-actions .landing-hero-login-trigger:not(#sq-final-landing-login-placement-lock) { align-items: center !important; display: inline-flex !important; justify-content: center !important; min-width: 102px !important; } } @media (min-width: 1181px) and (max-width: 1500px) { body:not([data-app-view]) .landing-hero::after { background: linear-gradient(90deg, rgba(7, 18, 32, .96) 0%, rgba(11, 32, 54, .9) 48%, rgba(11, 32, 54, .62) 78%, rgba(11, 32, 54, .34) 100%) !important; } body:not([data-app-view]) .landing-hero-copy-logo-led:not(#sq-final-landing-midrange-readability-lock) { position: relative !important; text-shadow: 0 3px 18px rgba(0, 0, 0, .36) !important; z-index: 5 !important; } body:not([data-app-view]) .landing-hero-product-shot.landing-hero-borrower-shot:not(#sq-final-landing-midrange-readability-lock) { max-width: none !important; min-width: 0 !important; opacity: .2 !important; pointer-events: none !important; right: clamp(-220px, -10vw, -84px) !important; top: 102px !important; transform: translateZ(0) !important; width: min(820px, 72vw) !important; z-index: 1 !important; } } @media (max-width: 1180px) { body:not([data-app-view]) .landing-hero::after { background: linear-gradient(90deg, rgba(7, 18, 32, .96) 0%, rgba(11, 32, 54, .88) 48%, rgba(11, 32, 54, .58) 78%, rgba(11, 32, 54, .28) 100%) !important; } body:not([data-app-view]) .landing-hero-copy-logo-led:not(#sq-final-landing-responsive-readability-lock) { max-width: min(860px, calc(100vw - 40px)) !important; position: relative !important; text-shadow: 0 3px 18px rgba(0, 0, 0, .38) !important; z-index: 5 !important; } body:not([data-app-view]) .landing-hero-product-shot.landing-hero-borrower-shot:not(#sq-final-landing-responsive-readability-lock) { max-width: none !important; min-width: 0 !important; opacity: .18 !important; pointer-events: none !important; right: clamp(-260px, -18vw, -120px) !important; top: 122px !important; transform: translateZ(0) !important; width: min(760px, 92vw) !important; z-index: 1 !important; } } /* Landing-only custom surface icons: replace caption pills with thin black stencil marks. */ body:not([data-app-view]) .landing-flow:not(#sq-landing-custom-icons-lock) .landing-custom-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body:not([data-app-view]) .landing-flow:not(#sq-landing-custom-icons-lock) .landing-custom-list article { align-items: center !important; grid-template-columns: 58px minmax(0, 1fr) !important; } body:not([data-app-view]) .landing-flow:not(#sq-landing-custom-icons-lock) .landing-custom-icon { align-items: center !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #0b1420 !important; display: inline-flex !important; height: 46px !important; justify-content: center !important; min-height: 0 !important; padding: 0 !important; width: 46px !important; } body:not([data-app-view]) .landing-flow:not(#sq-landing-custom-icons-lock) .landing-custom-icon svg { display: block; fill: none; height: 46px; overflow: visible; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.15; width: 46px; } body:not([data-app-view]) .landing-flow:not(#sq-landing-custom-icons-lock) .landing-custom-list h3 { font-size: 23px !important; margin-bottom: 4px !important; } @media (max-width: 860px) { body:not([data-app-view]) .landing-flow:not(#sq-landing-custom-icons-lock) .landing-custom-list { grid-template-columns: minmax(0, 1fr) !important; } } @media (max-width: 640px) { body:not([data-app-view]) .landing-flow:not(#sq-landing-custom-icons-lock) .landing-custom-list article { grid-template-columns: 52px minmax(0, 1fr) !important; } } /* Landing lower sections: match the wider rail used by the hero and upper proof bands. */ body:not([data-app-view]) .landing-flow:not(#sq-final-lower-rail-width-lock), body:not([data-app-view]) .landing-workflow:not(#sq-final-lower-rail-width-lock) { max-width: 1500px !important; padding-left: max(34px, calc((100vw - 1500px) / 2 + 34px)) !important; padding-right: max(34px, calc((100vw - 1500px) / 2 + 34px)) !important; } body:not([data-app-view]) .landing-cta:not(#sq-final-lower-rail-width-lock) { padding-left: max(34px, calc((100vw - 1500px) / 2 + 34px)) !important; padding-right: max(34px, calc((100vw - 1500px) / 2 + 34px)) !important; } @media (max-width: 760px) { body:not([data-app-view]) .landing-flow:not(#sq-final-lower-rail-width-lock), body:not([data-app-view]) .landing-workflow:not(#sq-final-lower-rail-width-lock), body:not([data-app-view]) .landing-cta:not(#sq-final-lower-rail-width-lock) { padding-left: 20px !important; padding-right: 20px !important; } } /* Landing-only section rhythm: keep the product/benefit area on one calm backing, then break cleanly for CTA/footer. */ body:not([data-app-view]) .landing-shell:not(#sq-final-landing-section-backing-rhythm) { background: #eef3f7 !important; } body:not([data-app-view]) .landing-logo-band:not(#sq-final-landing-section-backing-rhythm), body:not([data-app-view]) .landing-pricing-feature:not(#sq-final-landing-section-backing-rhythm), body:not([data-app-view]) .landing-flow:not(#sq-final-landing-section-backing-rhythm), body:not([data-app-view]) .landing-workflow:not(#sq-final-landing-section-backing-rhythm) { background: #eef3f7 !important; border-color: #dbe6ee !important; } body:not([data-app-view]) .landing-automation-band:not(#sq-final-landing-section-backing-rhythm) { border-top: 0 !important; } body:not([data-app-view]) .landing-instant-lender-band:not(#sq-final-landing-section-backing-rhythm), body:not([data-app-view]) .landing-pricing-feature:not(#sq-final-landing-section-backing-rhythm), body:not([data-app-view]) .landing-flow:not(#sq-final-landing-section-backing-rhythm), body:not([data-app-view]) .landing-workflow:not(#sq-final-landing-section-backing-rhythm) { border-top: 1px solid #dbe6ee !important; } body:not([data-app-view]) .landing-cta:not(#sq-final-landing-section-backing-rhythm) { background: #fff !important; border-top: 1px solid #dbe6ee !important; } body:not([data-app-view]) .public-legal-footer.landing-legal-footer:not(#sq-final-landing-section-backing-rhythm) { background: #eef3f7 !important; border-top: 1px solid #dbe6ee !important; box-sizing: border-box !important; max-width: none !important; width: 100% !important; } /* Landing-only: remove the white tile backs in the automation and lender-logo sections. */ body:not([data-app-view]) .landing-automation-band:not(#sq-final-landing-borderless-logo-bands) .landing-integration-card, body:not([data-app-view]) .landing-instant-lender-band:not(#sq-final-landing-borderless-logo-bands) .landing-lender-grid.showcase span { background: transparent !important; border-color: rgba(174, 203, 219, .56) !important; box-shadow: none !important; } body:not([data-app-view]) .landing-automation-band:not(#sq-final-landing-borderless-logo-bands) .landing-integration-card img, body:not([data-app-view]) .landing-instant-lender-band:not(#sq-final-landing-borderless-logo-bands) .landing-lender-grid.showcase img { filter: none !important; opacity: 1 !important; } body:not([data-app-view]) .landing-automation-band:not(#sq-final-landing-borderless-logo-bands) .landing-integration-card img.landing-chip-icon { background: rgba(255, 255, 255, .34) !important; border-color: rgba(184, 211, 226, .72) !important; box-shadow: none !important; } body:not([data-app-view]) .landing-instant-lender-band:not(#sq-final-landing-borderless-logo-bands) .landing-lender-grid.showcase img.landing-logo-blend { mix-blend-mode: normal !important; } /* Landing-only final rail and type pass: align lower content width with the upper proof bands. */ body:not([data-app-view]) .landing-flow:not(#sq-final-landing-lower-rail-and-type-lock), body:not([data-app-view]) .landing-workflow:not(#sq-final-landing-lower-rail-and-type-lock) { box-sizing: border-box !important; margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; padding-left: max(28px, calc((100vw - 1500px) / 2 + 28px)) !important; padding-right: max(28px, calc((100vw - 1500px) / 2 + 28px)) !important; width: 100% !important; } body:not([data-app-view]) :is(.landing-logo-band > div:first-child, .landing-section-copy, .landing-cta > div):not(#sq-final-landing-lower-rail-and-type-lock) { font-family: Inter, "Segoe UI", Arial, sans-serif !important; } body:not([data-app-view]) :is(.landing-logo-band, .landing-section, .landing-cta):not(#sq-final-landing-lower-rail-and-type-lock) .eyebrow { font-family: Inter, "Segoe UI", Arial, sans-serif !important; font-weight: 950 !important; letter-spacing: .07em !important; } body:not([data-app-view]) :is(.landing-logo-band h2, .landing-section-copy h2, .landing-cta h2):not(#sq-final-landing-lower-rail-and-type-lock) { color: #07182d !important; font-family: Inter, "Segoe UI", Arial, sans-serif !important; font-weight: 950 !important; letter-spacing: 0 !important; } body:not([data-app-view]) :is(.landing-connect-copy, .landing-section-copy p, .landing-cta p):not(#sq-final-landing-lower-rail-and-type-lock) { font-family: Inter, "Segoe UI", Arial, sans-serif !important; font-weight: 760 !important; } body:not([data-app-view]) .landing-category-list:not(#sq-final-landing-lower-rail-and-type-lock) :is(span, h3, li) { font-family: Inter, "Segoe UI", Arial, sans-serif !important; font-weight: 900 !important; } body:not([data-app-view]) .landing-category-list:not(#sq-final-landing-lower-rail-and-type-lock) h3 { font-weight: 950 !important; } @media (max-width: 760px) { body:not([data-app-view]) .landing-flow:not(#sq-final-landing-lower-rail-and-type-lock), body:not([data-app-view]) .landing-workflow:not(#sq-final-landing-lower-rail-and-type-lock) { padding-left: 20px !important; padding-right: 20px !important; } } /* Leads title tabs: final hard stop across expanded, inline, rail, side-pane, and mobile layouts. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:not(#sq-final-all-leads-title-tab-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-all-leads-title-tab-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) .pricing-presets-summary .pricing-presets-title:not(#sq-final-all-leads-title-tab-lock) { align-items: center !important; background: var(--label-tab-bg) !important; background-color: var(--label-tab-bg) !important; border: 1px solid color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 30%, var(--label-tab-border, var(--line))) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 58%, transparent) !important; color: color-mix(in srgb, var(--ink) 94%, var(--primary)) !important; display: inline-flex !important; flex: 0 1 auto !important; font-family: inherit !important; font-size: clamp(14px, 3.8cqw, 16px) !important; font-style: normal !important; font-weight: 850 !important; gap: 8px !important; height: auto !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1.08 !important; max-width: min(100%, 260px) !important; min-height: 32px !important; min-width: 0 !important; overflow: hidden !important; padding: 8px 12px 8px 10px !important; position: relative !important; text-align: left !important; text-decoration: none !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; top: 0 !important; white-space: nowrap !important; width: auto !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child::before, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child::before, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) .pricing-presets-summary .pricing-presets-title::before { background: var(--label-tab-accent, #8cc9ed) !important; border-radius: 999px !important; content: "" !important; display: inline-block !important; flex: 0 0 auto !important; height: 18px !important; opacity: 1 !important; width: var(--section-label-accent-width, 3px) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-all-leads-title-tab-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-all-leads-title-tab-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) .pricing-presets-summary:is(:hover,:focus,:focus-visible) .pricing-presets-title:not(#sq-final-all-leads-title-tab-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible):not(#sq-final-all-leads-title-tab-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible):not(#sq-final-all-leads-title-tab-lock) { background: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; background-color: color-mix(in srgb, var(--accent) 8%, var(--paper)) !important; border-color: color-mix(in srgb, var(--accent) 36%, var(--line)) !important; color: color-mix(in srgb, var(--ink) 94%, var(--primary)) !important; outline: 0 !important; text-decoration: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:not(#sq-final-all-leads-title-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-all-leads-title-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) .pricing-presets-summary .pricing-presets-title:not(#sq-final-all-leads-title-tab-lock) { background: var(--sq-pane-field-bg, color-mix(in srgb, #0f1b25 84%, var(--paper))) !important; background-color: var(--sq-pane-field-bg, color-mix(in srgb, #0f1b25 84%, var(--paper))) !important; border-color: var(--sq-pane-field-border, color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 38%, var(--line))) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 1px 4px rgba(0,0,0,.22) !important; color: var(--label-tab-accent, #8cc9ed) !important; color-scheme: dark !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-all-leads-title-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-all-leads-title-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) .pricing-presets-summary:is(:hover,:focus,:focus-visible) .pricing-presets-title:not(#sq-final-all-leads-title-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible):not(#sq-final-all-leads-title-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible):not(#sq-final-all-leads-title-tab-lock) { background: color-mix(in srgb, var(--accent) 22%, #0f1b25) !important; background-color: color-mix(in srgb, var(--accent) 22%, #0f1b25) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 64%, var(--accent)) !important; color: var(--label-tab-accent, #8cc9ed) !important; text-decoration: none !important; } /* Leads title tabs: transparent rest state, blue inverted hover state. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:not(#sq-final-leads-title-tab-transparent-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-leads-title-tab-transparent-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) .pricing-presets-summary .pricing-presets-title:not(#sq-final-leads-title-tab-transparent-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:not(#sq-final-leads-title-tab-transparent-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-leads-title-tab-transparent-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) .pricing-presets-summary .pricing-presets-title:not(#sq-final-leads-title-tab-transparent-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #5aaef4) 58%, var(--line)) !important; box-shadow: none !important; color: var(--label-tab-accent, #5aaef4) !important; text-decoration: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-leads-title-tab-transparent-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-leads-title-tab-transparent-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) .pricing-presets-summary:is(:hover,:focus,:focus-visible) .pricing-presets-title:not(#sq-final-leads-title-tab-transparent-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible):not(#sq-final-leads-title-tab-transparent-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible):not(#sq-final-leads-title-tab-transparent-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-leads-title-tab-transparent-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible) > span:first-child:not(#sq-final-leads-title-tab-transparent-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) .pricing-presets-summary:is(:hover,:focus,:focus-visible) .pricing-presets-title:not(#sq-final-leads-title-tab-transparent-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible):not(#sq-final-leads-title-tab-transparent-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible):not(#sq-final-leads-title-tab-transparent-lock) { background: var(--label-tab-accent, #1689c8) !important; background-color: var(--label-tab-accent, #1689c8) !important; border-color: var(--label-tab-accent, #1689c8) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 2px color-mix(in srgb, var(--label-tab-accent, #1689c8) 18%, transparent) !important; color: #ffffff !important; text-decoration: none !important; } /* Selected lead dropdowns: active/current value rows must match the display value typography. */ body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-detail,.quick-choice-detail) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:not(#sq-final-selected-pane-active-option-type-lock), body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-detail,.quick-choice-detail) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-selected-pane-active-option-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-detail,.quick-choice-detail) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:not(#sq-final-selected-pane-active-option-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-detail,.quick-choice-detail) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-selected-pane-active-option-type-lock) { color: var(--sq-pane-value, #142235) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; } /* Leads log windows: dark mode backing must follow the pane surface even when rendered outside .workspace. */ html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-log-modal-card,.lead-quick-popover,.lead-quick-log-panel):not(#sq-final-dark-log-window-backing-lock) { background: var(--lead-dark-card, color-mix(in srgb, #101820 92%, var(--paper))) !important; background-color: var(--lead-dark-card, color-mix(in srgb, #101820 92%, var(--paper))) !important; border-color: var(--lead-dark-border, color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 34%, #2f4254)) !important; color: var(--lead-dark-text, #edf5fb) !important; color-scheme: dark !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-log-modal-card,.lead-quick-popover,.lead-quick-log-panel) :is(.lead-log-modal-body,.update-log-list):not(#sq-final-dark-log-window-backing-lock) { background: var(--lead-dark-card, color-mix(in srgb, #101820 92%, var(--paper))) !important; background-color: var(--lead-dark-card, color-mix(in srgb, #101820 92%, var(--paper))) !important; border-color: var(--lead-dark-border, color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 34%, #2f4254)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; color: var(--lead-dark-text, #edf5fb) !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-log-modal-card,.lead-quick-popover,.lead-quick-log-panel) .update-log-entry:not(#sq-final-dark-log-window-backing-lock) { background: var(--lead-dark-field, color-mix(in srgb, #0d1721 92%, #101820)) !important; background-color: var(--lead-dark-field, color-mix(in srgb, #0d1721 92%, #101820)) !important; border-color: var(--lead-dark-border, color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 26%, #334457)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: var(--lead-dark-text, #edf5fb) !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-log-modal-card,.lead-quick-popover,.lead-quick-log-panel) .update-log-entry :is(time,p):not(#sq-final-dark-log-window-backing-lock) { color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-log-modal-card,.lead-quick-popover,.lead-quick-log-panel) .update-log-entry time:not(#sq-final-dark-log-window-backing-lock) { color: var(--lead-dark-muted, #b8c6d5) !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-log-modal-card,.lead-quick-popover,.lead-quick-log-panel) .update-log-empty:not(#sq-final-dark-log-window-backing-lock) { color: var(--lead-dark-muted, #b8c6d5) !important; } /* Project section tabs: use the fast 1003 expand/collapse treatment everywhere these labels act as window toggles. */ body :is( .mismo-1003-group > summary, .collapsible-editor-card > .editor-section-summary > span:first-child, .mini-rate-snapshot-frame > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title, .control-collapsible-section > .control-collapsible-summary .control-framed-label, .calculator-collapsible-section > .calculator-collapsible-summary .control-framed-label, .filter-section > .setup-section-toggle .control-framed-label, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary > span:first-child, .admin-tab-section > summary > span:first-child, .admin-inline-tab-section > summary > span:first-child ):not(#sq-final-1003-fast-section-tabs-lock) { align-items: center !important; animation: none !important; box-sizing: border-box !important; cursor: pointer !important; display: inline-flex !important; flex: 0 1 auto !important; font-family: inherit !important; font-size: 14px !important; font-style: normal !important; font-weight: 800 !important; gap: 0 !important; justify-content: flex-start !important; letter-spacing: 0 !important; line-height: 1.08 !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; text-align: left !important; text-decoration: none !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; top: auto !important; transform: none !important; transition: none !important; white-space: nowrap !important; width: auto !important; } body :is( .mismo-1003-group > summary, .collapsible-editor-card > .editor-section-summary > span:first-child, .mini-rate-snapshot-frame > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title, .control-collapsible-section > .control-collapsible-summary .control-framed-label, .calculator-collapsible-section > .calculator-collapsible-summary .control-framed-label, .filter-section > .setup-section-toggle .control-framed-label, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary > span:first-child, .admin-tab-section > summary > span:first-child, .admin-inline-tab-section > summary > span:first-child )::before { content: none !important; display: none !important; } html:not([data-theme="dark"]) body :is( .mismo-1003-group > summary, .collapsible-editor-card > .editor-section-summary > span:first-child, .mini-rate-snapshot-frame > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title, .control-collapsible-section > .control-collapsible-summary .control-framed-label, .calculator-collapsible-section > .calculator-collapsible-summary .control-framed-label, .filter-section > .setup-section-toggle .control-framed-label, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary > span:first-child, .admin-tab-section > summary > span:first-child, .admin-inline-tab-section > summary > span:first-child ):not(#sq-final-1003-fast-section-tabs-lock) { background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #071523 !important; min-height: 0 !important; padding: 0 !important; } html:not([data-theme="dark"]) body :is( .mismo-1003-group[open] > summary, .mismo-1003-group > summary:is(:hover,:focus,:focus-visible), .collapsible-editor-card[open] > .editor-section-summary > span:first-child, .collapsible-editor-card > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child, .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, .mini-rate-snapshot-frame > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible) > span:first-child, .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, .pricing-presets-drawer > .pricing-presets-summary:is(:hover,:focus,:focus-visible) .pricing-presets-title, .mini-snapshot-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary:is(:hover,:focus,:focus-visible) .pricing-presets-title, .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label, .control-collapsible-section > .control-collapsible-summary:is(:hover,:focus,:focus-visible) .control-framed-label, .calculator-collapsible-section[open] > .calculator-collapsible-summary .control-framed-label, .calculator-collapsible-section > .calculator-collapsible-summary:is(:hover,:focus,:focus-visible) .control-framed-label, .filter-section.is-open > .setup-section-toggle .control-framed-label, .filter-section > .setup-section-toggle:is(:hover,:focus,:focus-visible) .control-framed-label, .pipeline-side-panel .pipeline-panel-card[open] > .editor-section-summary > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card)[open] > .editor-section-summary > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child, .admin-tab-section[open] > summary > span:first-child, .admin-tab-section > summary:is(:hover,:focus,:focus-visible) > span:first-child, .admin-inline-tab-section[open] > summary > span:first-child, .admin-inline-tab-section > summary:is(:hover,:focus,:focus-visible) > span:first-child ):not(#sq-final-1003-fast-section-tabs-lock) { color: var(--label-tab-accent, #1689c8) !important; } html[data-theme="dark"] body :is( .mismo-1003-group > summary, .collapsible-editor-card > .editor-section-summary > span:first-child, .mini-rate-snapshot-frame > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title, .control-collapsible-section > .control-collapsible-summary .control-framed-label, .calculator-collapsible-section > .calculator-collapsible-summary .control-framed-label, .filter-section > .setup-section-toggle .control-framed-label, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary > span:first-child, .admin-tab-section > summary > span:first-child, .admin-inline-tab-section > summary > span:first-child ):not(#sq-final-1003-fast-section-tabs-lock) { background: #f8fbff !important; background-color: #f8fbff !important; border: 1px solid #d8e6f2 !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; color-scheme: light !important; min-height: 32px !important; padding: 8px 12px 8px 10px !important; } html[data-theme="dark"] body :is( .mismo-1003-group[open] > summary, .mismo-1003-group > summary:is(:hover,:focus,:focus-visible), .collapsible-editor-card[open] > .editor-section-summary > span:first-child, .collapsible-editor-card > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child, .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, .mini-rate-snapshot-frame > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible) > span:first-child, .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, .pricing-presets-drawer > .pricing-presets-summary:is(:hover,:focus,:focus-visible) .pricing-presets-title, .mini-snapshot-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary:is(:hover,:focus,:focus-visible) .pricing-presets-title, .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label, .control-collapsible-section > .control-collapsible-summary:is(:hover,:focus,:focus-visible) .control-framed-label, .calculator-collapsible-section[open] > .calculator-collapsible-summary .control-framed-label, .calculator-collapsible-section > .calculator-collapsible-summary:is(:hover,:focus,:focus-visible) .control-framed-label, .filter-section.is-open > .setup-section-toggle .control-framed-label, .filter-section > .setup-section-toggle:is(:hover,:focus,:focus-visible) .control-framed-label, .pipeline-side-panel .pipeline-panel-card[open] > .editor-section-summary > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card)[open] > .editor-section-summary > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary:is(:hover,:focus,:focus-visible) > span:first-child, .admin-tab-section[open] > summary > span:first-child, .admin-tab-section > summary:is(:hover,:focus,:focus-visible) > span:first-child, .admin-inline-tab-section[open] > summary > span:first-child, .admin-inline-tab-section > summary:is(:hover,:focus,:focus-visible) > span:first-child ):not(#sq-final-1003-fast-section-tabs-lock) { background: #0d1721 !important; background-color: #0d1721 !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 64%, #27445f) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: #ffffff !important; color-scheme: dark !important; } /* Project section tabs: Status-style final lock - no hover fill, no backfill, only text/border state. */ body :is( .mismo-1003-group > summary, .collapsible-editor-card > .editor-section-summary > span:first-child, .mini-rate-snapshot-frame > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title, .control-collapsible-section > .control-collapsible-summary .control-framed-label, .calculator-collapsible-section > .calculator-collapsible-summary .control-framed-label, .filter-section > .setup-section-toggle .control-framed-label, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary > span:first-child, .admin-tab-section > summary > span:first-child, .admin-inline-tab-section > summary > span:first-child, .selected-lead-panel .lead-panel-status-inline-tab ):not(#sq-final-status-style-section-tabs-lock) { align-items: center !important; animation: none !important; background: transparent !important; background-color: transparent !important; border: 1px solid color-mix(in srgb, var(--label-tab-accent, #1689c8) 34%, var(--line)) !important; border-radius: 7px !important; box-shadow: none !important; color: color-mix(in srgb, var(--ink) 94%, #071523) !important; color-scheme: light !important; cursor: pointer !important; display: inline-flex !important; flex: 0 1 auto !important; font-family: inherit !important; font-size: 14px !important; font-style: normal !important; font-weight: 800 !important; gap: 0 !important; justify-content: flex-start !important; letter-spacing: 0 !important; line-height: 1.08 !important; max-width: 100% !important; min-height: 34px !important; min-width: 0 !important; overflow: hidden !important; padding: 8px 12px !important; text-align: left !important; text-decoration: none !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; top: auto !important; transform: none !important; transition: none !important; white-space: nowrap !important; width: auto !important; } body :is( .mismo-1003-group > summary, .collapsible-editor-card > .editor-section-summary > span:first-child, .mini-rate-snapshot-frame > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title, .control-collapsible-section > .control-collapsible-summary .control-framed-label, .calculator-collapsible-section > .calculator-collapsible-summary .control-framed-label, .filter-section > .setup-section-toggle .control-framed-label, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary > span:first-child, .admin-tab-section > summary > span:first-child, .admin-inline-tab-section > summary > span:first-child, .selected-lead-panel .lead-panel-status-inline-tab )::before { content: none !important; display: none !important; } body :is( .mismo-1003-group[open] > summary, .mismo-1003-group > summary:is(:hover,:focus,:focus-visible,:active), .collapsible-editor-card[open] > .editor-section-summary > span:first-child, .collapsible-editor-card > .editor-section-summary:is(:hover,:focus,:focus-visible,:active) > span:first-child, .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, .mini-rate-snapshot-frame > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child, .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, .pricing-presets-drawer > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:active) .pricing-presets-title, .mini-snapshot-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:active) .pricing-presets-title, .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label, .control-collapsible-section > .control-collapsible-summary:is(:hover,:focus,:focus-visible,:active) .control-framed-label, .calculator-collapsible-section[open] > .calculator-collapsible-summary .control-framed-label, .calculator-collapsible-section > .calculator-collapsible-summary:is(:hover,:focus,:focus-visible,:active) .control-framed-label, .filter-section.is-open > .setup-section-toggle .control-framed-label, .filter-section > .setup-section-toggle:is(:hover,:focus,:focus-visible,:active) .control-framed-label, .pipeline-side-panel .pipeline-panel-card[open] > .editor-section-summary > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:is(:hover,:focus,:focus-visible,:active) > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card)[open] > .editor-section-summary > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary:is(:hover,:focus,:focus-visible,:active) > span:first-child, .admin-tab-section[open] > summary > span:first-child, .admin-tab-section > summary:is(:hover,:focus,:focus-visible,:active) > span:first-child, .admin-inline-tab-section[open] > summary > span:first-child, .admin-inline-tab-section > summary:is(:hover,:focus,:focus-visible,:active) > span:first-child, .selected-lead-panel .lead-panel-status-card[open] .lead-panel-status-inline-tab, .selected-lead-panel .lead-panel-status-inline-tab:is(:hover,:focus,:focus-visible,:active) ):not(#sq-final-status-style-section-tabs-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #1689c8) 56%, var(--line)) !important; box-shadow: none !important; color: var(--label-tab-accent, #1689c8) !important; } body[data-app-view="leads"] .workspace :is( .lead-top-collapsible-card, .lead-scenario-fields, .mini-rate-snapshot-frame, .pricing-presets-drawer, .mini-snapshot-presets-drawer, .selected-lead-panel .lead-panel-status-card, .selected-lead-panel .lead-panel-controls-card, .selected-lead-panel .lead-panel-notes-card, .selected-lead-panel .lead-panel-log-card ) > :is(.editor-section-summary,.mini-rate-snapshot-head,.pricing-presets-summary) > :is(span:first-child,.pricing-presets-title):not(#sq-final-status-style-section-tabs-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-inline-tab:not(#sq-final-status-style-section-tabs-lock) { font-size: 18px !important; font-weight: 800 !important; min-height: 40px !important; padding: 8px 12px !important; } html[data-theme="dark"] body :is( .mismo-1003-group > summary, .collapsible-editor-card > .editor-section-summary > span:first-child, .mini-rate-snapshot-frame > .mini-rate-snapshot-head > span:first-child, .pricing-presets-drawer > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title, .control-collapsible-section > .control-collapsible-summary .control-framed-label, .calculator-collapsible-section > .calculator-collapsible-summary .control-framed-label, .filter-section > .setup-section-toggle .control-framed-label, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary > span:first-child, .admin-tab-section > summary > span:first-child, .admin-inline-tab-section > summary > span:first-child, .selected-lead-panel .lead-panel-status-inline-tab ):not(#sq-final-status-style-section-tabs-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; color-scheme: dark !important; } html[data-theme="dark"] body :is( .mismo-1003-group[open] > summary, .mismo-1003-group > summary:is(:hover,:focus,:focus-visible,:active), .collapsible-editor-card[open] > .editor-section-summary > span:first-child, .collapsible-editor-card > .editor-section-summary:is(:hover,:focus,:focus-visible,:active) > span:first-child, .mini-rate-snapshot-frame[open] > .mini-rate-snapshot-head > span:first-child, .mini-rate-snapshot-frame > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child, .pricing-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, .pricing-presets-drawer > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:active) .pricing-presets-title, .mini-snapshot-presets-drawer[open] > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:active) .pricing-presets-title, .control-collapsible-section[open] > .control-collapsible-summary .control-framed-label, .control-collapsible-section > .control-collapsible-summary:is(:hover,:focus,:focus-visible,:active) .control-framed-label, .calculator-collapsible-section[open] > .calculator-collapsible-summary .control-framed-label, .calculator-collapsible-section > .calculator-collapsible-summary:is(:hover,:focus,:focus-visible,:active) .control-framed-label, .filter-section.is-open > .setup-section-toggle .control-framed-label, .filter-section > .setup-section-toggle:is(:hover,:focus,:focus-visible,:active) .control-framed-label, .pipeline-side-panel .pipeline-panel-card[open] > .editor-section-summary > span:first-child, .pipeline-side-panel .pipeline-panel-card > .editor-section-summary:is(:hover,:focus,:focus-visible,:active) > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card)[open] > .editor-section-summary > span:first-child, .pipeline-editor :is(.pipeline-editor-card,.pipeline-notes-card) > .editor-section-summary:is(:hover,:focus,:focus-visible,:active) > span:first-child, .admin-tab-section[open] > summary > span:first-child, .admin-tab-section > summary:is(:hover,:focus,:focus-visible,:active) > span:first-child, .admin-inline-tab-section[open] > summary > span:first-child, .admin-inline-tab-section > summary:is(:hover,:focus,:focus-visible,:active) > span:first-child, .selected-lead-panel .lead-panel-status-card[open] .lead-panel-status-inline-tab, .selected-lead-panel .lead-panel-status-inline-tab:is(:hover,:focus,:focus-visible,:active) ):not(#sq-final-status-style-section-tabs-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 62%, var(--line)) !important; box-shadow: none !important; color: var(--label-tab-accent, #8cc9ed) !important; } /* Leads top windows: reset legacy Property/Scenario/Mortgage tabs to the locked Status/Controls treatment only. */ body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:not(#sq-final-leads-top-tabs-match-status-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-leads-top-tabs-match-status-lock) { align-items: center !important; animation: none !important; background: transparent !important; background-color: transparent !important; border: 1px solid color-mix(in srgb, var(--label-tab-accent, #1689c8) 34%, var(--line)) !important; border-radius: 7px !important; box-shadow: none !important; color: color-mix(in srgb, var(--ink) 94%, #071523) !important; cursor: pointer !important; display: inline-flex !important; flex: 0 1 auto !important; font-family: inherit !important; font-size: 18px !important; font-style: normal !important; font-weight: 800 !important; gap: 0 !important; justify-content: flex-start !important; letter-spacing: 0 !important; line-height: 1.08 !important; max-width: 100% !important; min-height: 40px !important; min-width: 0 !important; overflow: hidden !important; padding: 8px 12px !important; position: relative !important; text-align: left !important; text-decoration: none !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; top: auto !important; transform: none !important; transition: none !important; white-space: nowrap !important; width: auto !important; } body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child::before, body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child::before { content: none !important; display: none !important; } body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ):is([open],:hover,:focus-within) > .editor-section-summary > span:first-child:not(#sq-final-leads-top-tabs-match-status-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-leads-top-tabs-match-status-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second):is([open],:hover,:focus-within) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-leads-top-tabs-match-status-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-leads-top-tabs-match-status-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #1689c8) 56%, var(--line)) !important; box-shadow: none !important; color: var(--label-tab-accent, #1689c8) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:not(#sq-final-leads-top-tabs-match-status-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-leads-top-tabs-match-status-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ):is([open],:hover,:focus-within) > .editor-section-summary > span:first-child:not(#sq-final-leads-top-tabs-match-status-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-leads-top-tabs-match-status-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second):is([open],:hover,:focus-within) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-leads-top-tabs-match-status-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-leads-top-tabs-match-status-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 62%, var(--line)) !important; box-shadow: none !important; color: var(--label-tab-accent, #8cc9ed) !important; } /* Final mortgage title color lock: open uses the stronger blue immediately; hover does not alter it. */ body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-final-mortgage-open-color-no-hover-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-mortgage-open-color-no-hover-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open]:is(:hover,:focus-within) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-mortgage-open-color-no-hover-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, #5aaef4 58%, var(--line)) !important; box-shadow: none !important; color: #5aaef4 !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-final-mortgage-open-color-no-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-mortgage-open-color-no-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open]:is(:hover,:focus-within) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-mortgage-open-color-no-hover-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, #5aaef4 62%, var(--line)) !important; box-shadow: none !important; color: #5aaef4 !important; text-shadow: none !important; } /* EOF selected lead dropdown lock: selected/current rows use the same weight as visible field values. */ body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:not(#sq-eof-selected-lead-choice-type-lock), body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-eof-selected-lead-choice-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:not(#sq-eof-selected-lead-choice-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-eof-selected-lead-choice-type-lock) { color: var(--sq-pane-value, #142235) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"]):not(#sq-eof-selected-lead-choice-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"]):not(#sq-eof-selected-lead-choice-type-lock) { color: var(--sq-pane-value, #142235) !important; font-weight: 700 !important; opacity: 1 !important; text-shadow: none !important; } /* Leads mortgage tabs: collapsed parent hover stays neutral; only an open panel turns blue. */ body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second):not(#sq-final-mortgage-frame-width-lock) { box-sizing: border-box !important; justify-self: stretch !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]):is(:hover,:focus-within) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-mortgage-parent-hover-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-mortgage-parent-hover-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, #5aaef4 34%, var(--line)) !important; box-shadow: none !important; color: #071523 !important; text-shadow: none !important; } body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-final-mortgage-open-blue-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-mortgage-open-blue-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, #5aaef4 56%, var(--line)) !important; box-shadow: none !important; color: #5aaef4 !important; text-shadow: none !important; } /* Leads mortgage expanded state: keep the tab readable and immune to the Presets drawer color path. */ body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open]:not(#sq-final-mortgage-open-fit-lock) { box-sizing: border-box !important; justify-self: stretch !important; max-width: 100% !important; min-width: min(100%, 464px) !important; overflow: visible !important; width: 100% !important; } body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head:not(#sq-final-mortgage-open-fit-lock) { max-width: 100% !important; min-width: 0 !important; overflow: visible !important; width: 100% !important; } body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-final-mortgage-open-fit-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open]:has(.pricing-presets-drawer[open]) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-mortgage-open-fit-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, #5aaef4 56%, var(--line)) !important; box-shadow: none !important; color: #5aaef4 !important; flex: 0 0 auto !important; max-width: none !important; min-width: max-content !important; overflow: visible !important; padding-left: 12px !important; padding-right: 14px !important; text-overflow: clip !important; text-shadow: none !important; white-space: nowrap !important; width: max-content !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-final-mortgage-open-fit-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open]:has(.pricing-presets-drawer[open]) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-mortgage-open-fit-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, #5aaef4 62%, var(--line)) !important; box-shadow: none !important; color: #5aaef4 !important; text-shadow: none !important; } @media (max-width: 520px) { body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open]:not(#sq-final-mortgage-open-fit-lock) { min-width: 0 !important; } } /* Scenario Exclude pill: active blue state always uses white label text. */ body[data-app-view="leads"] .workspace .lead-scenario-fields[open] .scenario-balance-input-wrap .scenario-balance-inline-toggle:is(.is-on,[aria-pressed="true"],:has(input[type="checkbox"]:checked)):not(#sq-final-scenario-exclude-active-text-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-scenario-fields[open] .scenario-balance-input-wrap .scenario-balance-inline-toggle:is(.is-on,[aria-pressed="true"],:has(input[type="checkbox"]:checked)):not(#sq-final-scenario-exclude-active-text-lock) { background: #0077ff !important; background-color: #0077ff !important; border-color: #0077ff !important; box-shadow: 0 5px 12px rgba(0,119,255,.22) !important; color: #ffffff !important; } body[data-app-view="leads"] .workspace .lead-scenario-fields[open] .scenario-balance-input-wrap .scenario-balance-inline-toggle:is(.is-on,[aria-pressed="true"],:has(input[type="checkbox"]:checked)) > span:not(#sq-final-scenario-exclude-active-text-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-scenario-fields[open] .scenario-balance-input-wrap .scenario-balance-inline-toggle:is(.is-on,[aria-pressed="true"],:has(input[type="checkbox"]:checked)) > span:not(#sq-final-scenario-exclude-active-text-lock) { color: #ffffff !important; opacity: 1 !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]):is(:hover,:focus-within) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-mortgage-parent-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-mortgage-parent-hover-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, #5aaef4 46%, var(--line)) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-final-mortgage-open-blue-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-mortgage-open-blue-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, #5aaef4 62%, var(--line)) !important; box-shadow: none !important; color: #5aaef4 !important; text-shadow: none !important; } /* Selected lead pane dropdowns: selected/current rows match the rest of the menu typography. */ body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:not(#sq-final-selected-pane-current-option-lock), body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-selected-pane-current-option-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:not(#sq-final-selected-pane-current-option-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-selected-pane-current-option-lock) { color: var(--sq-pane-value, #142235) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 650 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"]):not(:hover):not(:focus-visible):not(#sq-final-selected-pane-current-option-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"]):not(:hover):not(:focus-visible):not(#sq-final-selected-pane-current-option-lock) { background: transparent !important; background-color: transparent !important; color: var(--sq-pane-value, #142235) !important; font-weight: 650 !important; } /* Leads top windows: no hover UI; Property, Scenario, 1st Mortgage, and 2nd Mortgage color only when open. */ body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:not(#sq-final-leads-top-tabs-no-hover-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-leads-top-tabs-no-hover-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-leads-top-tabs-no-hover-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-leads-top-tabs-no-hover-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #1689c8) 34%, var(--line)) !important; box-shadow: none !important; color: #071523 !important; text-shadow: none !important; } body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] )[open] > .editor-section-summary > span:first-child:not(#sq-final-leads-top-tabs-no-hover-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-final-leads-top-tabs-no-hover-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #1689c8) 56%, var(--line)) !important; box-shadow: none !important; color: var(--label-tab-accent, #1689c8) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:not(#sq-final-leads-top-tabs-no-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-leads-top-tabs-no-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-leads-top-tabs-no-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-final-leads-top-tabs-no-hover-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] )[open] > .editor-section-summary > span:first-child:not(#sq-final-leads-top-tabs-no-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-final-leads-top-tabs-no-hover-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 62%, var(--line)) !important; box-shadow: none !important; color: var(--label-tab-accent, #8cc9ed) !important; } /* EOF mortgage title color lock: open uses the strong blue; hover/focus stays identical. */ body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-eof-mortgage-open-color-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-eof-mortgage-open-color-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open]:is(:hover,:focus-within) > .mini-rate-snapshot-head > span:first-child:not(#sq-eof-mortgage-open-color-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, #5aaef4 58%, var(--line)) !important; box-shadow: none !important; color: #5aaef4 !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-eof-mortgage-open-color-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-eof-mortgage-open-color-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open]:is(:hover,:focus-within) > .mini-rate-snapshot-head > span:first-child:not(#sq-eof-mortgage-open-color-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, #5aaef4 62%, var(--line)) !important; box-shadow: none !important; color: #5aaef4 !important; text-shadow: none !important; } /* EOF selected lead dropdown lock: selected/current rows use the same weight as visible field values. */ body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:not(#sq-real-eof-selected-lead-choice-type-lock), body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-real-eof-selected-lead-choice-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:not(#sq-real-eof-selected-lead-choice-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-real-eof-selected-lead-choice-type-lock) { color: var(--sq-pane-value, #142235) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"]):not(#sq-real-eof-selected-lead-choice-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"]):not(#sq-real-eof-selected-lead-choice-type-lock) { color: var(--sq-pane-value, #142235) !important; font-weight: 700 !important; opacity: 1 !important; text-shadow: none !important; } /* Final selected-pane quick-choice lock: active Loan Purpose/Occupancy rows match the visible value weight. */ body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail.quick-choice-detail .quick-choice-menu[open] > .quick-choice-options > button[data-quick-choice]:not(#sq-true-eof-selected-pane-active-choice-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail.quick-choice-detail .quick-choice-menu[open] > .quick-choice-options > button[data-quick-choice].active:not(#sq-true-eof-selected-pane-active-choice-lock), body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail.quick-choice-detail .quick-choice-menu[open] > .quick-choice-options > button[data-quick-choice]:is(:hover,:focus,:focus-visible):not(#sq-true-eof-selected-pane-active-choice-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail.quick-choice-detail .quick-choice-menu[open] > .quick-choice-options > button[data-quick-choice]:not(#sq-true-eof-selected-pane-active-choice-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail.quick-choice-detail .quick-choice-menu[open] > .quick-choice-options > button[data-quick-choice].active:not(#sq-true-eof-selected-pane-active-choice-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail.quick-choice-detail .quick-choice-menu[open] > .quick-choice-options > button[data-quick-choice]:is(:hover,:focus,:focus-visible):not(#sq-true-eof-selected-pane-active-choice-lock) { color: var(--sq-pane-value, #142235) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.14 !important; opacity: 1 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail.quick-choice-detail .quick-choice-menu[open] > .quick-choice-options > button[data-quick-choice].active:not(:hover):not(:focus):not(:focus-visible):not(#sq-true-eof-selected-pane-active-choice-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail.quick-choice-detail .quick-choice-menu[open] > .quick-choice-options > button[data-quick-choice].active:not(:hover):not(:focus):not(:focus-visible):not(#sq-true-eof-selected-pane-active-choice-lock) { background: transparent !important; background-color: transparent !important; color: var(--sq-pane-value, #142235) !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; } /* Final selected-pane value font unifier: display values and menu rows share one type recipe. */ body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-detail .quick-choice-menu > summary strong:not(#sq-true-eof-selected-pane-value-font-unifier), body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options button[data-quick-choice]:not(#sq-true-eof-selected-pane-value-font-unifier), body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options button[data-quick-choice].active:not(#sq-true-eof-selected-pane-value-font-unifier), body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options button[data-quick-choice]:is(:hover,:focus,:focus-visible):not(#sq-true-eof-selected-pane-value-font-unifier), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-detail .quick-choice-menu > summary strong:not(#sq-true-eof-selected-pane-value-font-unifier), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options button[data-quick-choice]:not(#sq-true-eof-selected-pane-value-font-unifier), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options button[data-quick-choice].active:not(#sq-true-eof-selected-pane-value-font-unifier), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options button[data-quick-choice]:is(:hover,:focus,:focus-visible):not(#sq-true-eof-selected-pane-value-font-unifier) { color: var(--sq-pane-value, #142235) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.14 !important; opacity: 1 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options button[data-quick-choice].active:not(:hover):not(:focus):not(:focus-visible):not(#sq-true-eof-selected-pane-value-font-unifier), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options button[data-quick-choice].active:not(:hover):not(:focus):not(:focus-visible):not(#sq-true-eof-selected-pane-value-font-unifier) { background: transparent !important; background-color: transparent !important; color: var(--sq-pane-value, #142235) !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; } /* Dark-mode mortgage tabs: remove the legacy inverted white chip and mirror Status tab behavior. */ html[data-theme="dark"] body[data-app-view="leads"] :is( .workspace, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-true-eof-dark-mortgage-status-style-lock), html[data-theme="dark"] body[data-app-view="leads"] .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-true-eof-dark-mortgage-status-style-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; color-scheme: dark !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is( .workspace, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-true-eof-dark-mortgage-status-style-lock), html[data-theme="dark"] body[data-app-view="leads"] :is( .workspace, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-true-eof-dark-mortgage-status-style-lock), html[data-theme="dark"] body[data-app-view="leads"] .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-true-eof-dark-mortgage-status-style-lock), html[data-theme="dark"] body[data-app-view="leads"] .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-true-eof-dark-mortgage-status-style-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 62%, var(--line)) !important; box-shadow: none !important; color: var(--label-tab-accent, #8cc9ed) !important; color-scheme: dark !important; text-shadow: none !important; } /* Selected lead pane dropdown typography: direct lock for side, inline, and centered pane layouts. */ body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu > summary strong:not(#sq-true-eof-selected-pane-direct-dropdown-font-lock), body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options > button:not(#sq-true-eof-selected-pane-direct-dropdown-font-lock), body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options > button.active:not(#sq-true-eof-selected-pane-direct-dropdown-font-lock), body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options > button:is(:hover,:focus,:focus-visible):not(#sq-true-eof-selected-pane-direct-dropdown-font-lock) { color: var(--sq-pane-value, #142235) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.14 !important; opacity: 1 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options > button.active:not(:hover):not(:focus):not(:focus-visible):not(#sq-true-eof-selected-pane-direct-dropdown-font-lock) { background: transparent !important; background-color: transparent !important; color: var(--sq-pane-value, #142235) !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; } html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu > summary strong:not(#sq-true-eof-selected-pane-direct-dropdown-font-lock), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options > button:not(#sq-true-eof-selected-pane-direct-dropdown-font-lock), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options > button.active:not(#sq-true-eof-selected-pane-direct-dropdown-font-lock), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options > button:is(:hover,:focus,:focus-visible):not(#sq-true-eof-selected-pane-direct-dropdown-font-lock) { color: var(--lead-dark-text, #edf5fb) !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.14 !important; opacity: 1 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options > button.active:not(:hover):not(:focus):not(:focus-visible):not(#sq-true-eof-selected-pane-direct-dropdown-font-lock) { background: transparent !important; background-color: transparent !important; color: var(--lead-dark-text, #edf5fb) !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; } /* Dark mortgage tabs final state: match Controls tab, no hover/open inversion. */ html[data-theme="dark"] body[data-app-view="leads"] .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-true-eof-dark-mortgage-controls-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-true-eof-dark-mortgage-controls-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-true-eof-dark-mortgage-controls-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-true-eof-dark-mortgage-controls-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-true-eof-dark-mortgage-controls-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:not(#sq-true-eof-dark-mortgage-controls-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child:not(#sq-true-eof-dark-mortgage-controls-tab-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:active) > span:first-child:not(#sq-true-eof-dark-mortgage-controls-tab-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; color-scheme: dark !important; filter: none !important; text-shadow: none !important; } /* Dark mortgage tabs absolute lock: collapsed and hover share the Controls tab treatment in every lead layout. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not(#sq-true-eof-dark-mortgage-no-hover-absolute-lock) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not(#sq-true-eof-dark-mortgage-no-hover-absolute-lock) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not(#sq-true-eof-dark-mortgage-no-hover-absolute-lock) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible,:active), html[data-theme="dark"] body[data-app-view="leads"] .workspace.has-side-panel .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not(#sq-true-eof-dark-mortgage-no-hover-absolute-lock) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .workspace.has-lead-rail .lead-table-region .expanded-row .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not(#sq-true-eof-dark-mortgage-no-hover-absolute-lock) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .lead-expanded-workspace-frame .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not(#sq-true-eof-dark-mortgage-no-hover-absolute-lock) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .lead-inline-detail-stack .lead-editor-grid .mini-rate-snapshot-frame:is(.is-first,.is-second):not(#sq-true-eof-dark-mortgage-no-hover-absolute-lock) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .mini-rate-snapshot-frame:is(.is-first,.is-second):not(#sq-true-eof-dark-mortgage-no-hover-absolute-lock) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; color-scheme: dark !important; filter: none !important; text-decoration: none !important; text-shadow: none !important; } /* Dark selected-lead tabs: hover/focus is inert; only open/collapsed layout changes content visibility. */ html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:not(#sq-true-eof-dark-selected-pane-tab-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child:not(#sq-true-eof-dark-selected-pane-tab-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-true-eof-dark-selected-pane-tab-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .lead-panel-status-inline-tab:not(#sq-true-eof-dark-selected-pane-tab-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .lead-panel-status-inline-tab:is(:hover,:focus,:focus-visible,:active):not(#sq-true-eof-dark-selected-pane-tab-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .mismo-1003-group > summary:not(#sq-true-eof-dark-selected-pane-tab-hover-lock), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .mismo-1003-group > summary:is(:hover,:focus,:focus-visible,:focus-within,:active):not(#sq-true-eof-dark-selected-pane-tab-hover-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; color-scheme: dark !important; filter: none !important; text-decoration: none !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child::before, html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .mismo-1003-group > summary::before { content: none !important; display: none !important; } /* Dark collapsed Status Note/Log rows: no white inverted tab, no hover repaint. */ html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) .lead-panel-status-inline-tab:not(#sq-true-eof-dark-status-note-log-inline-lock), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) :is(.lead-panel-status-inline-tab,.lead-panel-status-log-preview-button):is(:hover,:focus,:focus-visible,:focus-within,:active) .lead-panel-status-inline-tab:not(#sq-true-eof-dark-status-note-log-inline-lock), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) .lead-panel-status-inline-tab:is(:hover,:focus,:focus-visible,:active):not(#sq-true-eof-dark-status-note-log-inline-lock) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; color-scheme: dark !important; filter: none !important; font-size: 14px !important; font-weight: 800 !important; text-decoration: none !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) :is(.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button):not(#sq-true-eof-dark-status-note-log-inline-lock), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel.is-status-consolidated .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) :is(.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button):is(:hover,:focus,:focus-visible,:active):not(#sq-true-eof-dark-status-note-log-inline-lock) { background: var(--sq-pane-field-bg, #0c1c28) !important; background-color: var(--sq-pane-field-bg, #0c1c28) !important; border-color: var(--sq-pane-field-border, color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 34%, var(--line))) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; filter: none !important; text-shadow: none !important; } /* Dark collapsed Status inline Note/Log absolute lock: parent-layout agnostic. */ html[data-theme="dark"] .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) .lead-panel-status-inline-tab:not(#sq-true-eof-dark-status-collapsed-inline-absolute-lock), html[data-theme="dark"] .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) .lead-panel-status-inline-tab:is(:hover,:focus,:focus-visible,:active):not(#sq-true-eof-dark-status-collapsed-inline-absolute-lock), html[data-theme="dark"] .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) :is(.lead-panel-status-inline-field,.lead-panel-status-log-preview-button):is(:hover,:focus,:focus-visible,:focus-within,:active) .lead-panel-status-inline-tab:not(#sq-true-eof-dark-status-collapsed-inline-absolute-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) .lead-panel-status-inline-tab:not(#sq-true-eof-dark-status-collapsed-inline-absolute-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) .lead-panel-status-inline-tab:is(:hover,:focus,:focus-visible,:active):not(#sq-true-eof-dark-status-collapsed-inline-absolute-lock) { appearance: none !important; background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; color-scheme: dark !important; filter: none !important; text-decoration: none !important; text-shadow: none !important; } html[data-theme="dark"] .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) :is(.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button):not(#sq-true-eof-dark-status-collapsed-inline-absolute-lock), html[data-theme="dark"] .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) :is(.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button):is(:hover,:focus,:focus-visible,:active):not(#sq-true-eof-dark-status-collapsed-inline-absolute-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) :is(.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button):not(#sq-true-eof-dark-status-collapsed-inline-absolute-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log) :is(.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button):is(:hover,:focus,:focus-visible,:active):not(#sq-true-eof-dark-status-collapsed-inline-absolute-lock) { background: var(--sq-pane-field-bg, #0c1c28) !important; background-color: var(--sq-pane-field-bg, #0c1c28) !important; border-color: var(--sq-pane-field-border, color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 34%, var(--line))) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; filter: none !important; text-shadow: none !important; } html[data-theme="dark"] .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-row,.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log,.lead-panel-status-inline-field,.lead-panel-status-note-field,.lead-panel-status-log-field):not(#sq-true-eof-dark-status-collapsed-row-backing-lock), html[data-theme="dark"] .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-row,.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log,.lead-panel-status-inline-field,.lead-panel-status-note-field,.lead-panel-status-log-field):is(:hover,:focus-within,:active):not(#sq-true-eof-dark-status-collapsed-row-backing-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-row,.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log,.lead-panel-status-inline-field,.lead-panel-status-note-field,.lead-panel-status-log-field):not(#sq-true-eof-dark-status-collapsed-row-backing-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .lead-panel-status-card.is-consolidated:not([open]) :is(.lead-panel-status-collapsed-row,.lead-panel-status-collapsed-notes,.lead-panel-status-collapsed-log,.lead-panel-status-inline-field,.lead-panel-status-note-field,.lead-panel-status-log-field):is(:hover,:focus-within,:active):not(#sq-true-eof-dark-status-collapsed-row-backing-lock) { background: transparent !important; background-color: transparent !important; box-shadow: none !important; filter: none !important; } /* Leads tab/dropdown consolidation: Status/Controls behavior for the remaining panes. */ body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child, body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child { background: transparent !important; background-color: transparent !important; box-shadow: none !important; filter: none !important; text-decoration: none !important; text-shadow: none !important; } body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ):not([open]) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child { color: #071523 !important; } body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] )[open] > .editor-section-summary > span:first-child, body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child { color: var(--label-tab-accent, #1689c8) !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; box-shadow: none !important; color: var(--lead-dark-text, #edf5fb) !important; color-scheme: dark !important; filter: none !important; text-decoration: none !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] )[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child { color: var(--label-tab-accent, #8cc9ed) !important; } body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu > summary strong, body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options > button, body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu > summary strong, html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options > button, html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .quick-choice-detail .quick-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible) { font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.14 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } /* Leads final consolidated dark UI contract: tabs, selected pane fields, risk tiles and Presets. */ html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] )[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child { font-family: inherit !important; font-size: 20px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .detail-grid :is(.detail,.quick-detail,.quick-choice-detail,.lead-panel-piggyback-ratio-tile,.lead-panel-piggyback-pair) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .detail-grid :is(.lead-panel-piggyback-split-labels span,.lead-panel-piggyback-ratio-mini > span:first-child), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.detail,.quick-detail,.lead-panel-piggyback-ratio-tile,.lead-panel-piggyback-pair) > span:first-child { color: #9fd0ff !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.14 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.property-summary-type-choice-shell,.property-summary-type-choice-shell.custom-choice-menu,.property-summary-type-choice-shell.quick-choice-menu) > summary, html[data-theme="dark"] body[data-app-view="leads"] :is(.property-summary-type-choice-shell,.property-summary-type-choice-shell.custom-choice-menu,.property-summary-type-choice-shell.quick-choice-menu) > summary strong, html[data-theme="dark"] body[data-app-view="leads"] [data-property-summary-type-select], html[data-theme="dark"] body[data-app-view="leads"] .property-summary-type-wrap :is(select,button,strong,.property-type-label-full,.property-type-label-short), html[data-theme="dark"] body[data-app-view="leads"] .property-summary .custom-choice-menu > summary strong, html[data-theme="dark"] body[data-app-view="leads"] .property-summary .quick-choice-menu > summary strong { color: #edf5fb !important; font-family: inherit !important; font-size: 16px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.05 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.lead-panel-status-inline-tab,.lead-panel-status-log-preview-button .lead-panel-status-inline-tab) { align-items: center !important; animation: none !important; appearance: none !important; background: #071019 !important; background-color: #071019 !important; border: 1px solid color-mix(in srgb, #46bdf2 42%, #172432) !important; border-radius: 7px !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent, #8cc9ed), inset 0 1px 0 rgba(255,255,255,.045) !important; color: #edf5fb !important; color-scheme: dark !important; display: inline-flex !important; filter: none !important; font-family: inherit !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; justify-content: flex-start !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 34px !important; overflow: hidden !important; padding: 7px 12px !important; text-align: left !important; text-decoration: none !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; transition: none !important; white-space: nowrap !important; } html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible,:active), html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel .lead-panel-status-card[open] .lead-panel-status-inline-tab, html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.lead-panel-status-inline-tab,.lead-panel-status-log-preview-button:is(:hover,:focus,:focus-visible,:focus-within,:active) .lead-panel-status-inline-tab):is(:hover,:focus,:focus-visible,:active) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset var(--section-label-accent-width, 3px) 0 0 var(--label-tab-accent, #8cc9ed), inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; color-scheme: light !important; filter: none !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; text-shadow: none !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child::before, html[data-theme="dark"] body[data-app-view="leads"] .selected-lead-panel :is(.lead-panel-status-inline-tab,.lead-panel-status-log-preview-button .lead-panel-status-inline-tab)::before { background: var(--label-tab-accent, #8cc9ed) !important; content: "" !important; display: block !important; opacity: 1 !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini):is(.scenario-fico-safe,.scenario-ltv-safe,.scenario-fico-caution,.scenario-ltv-caution,.scenario-fico-alert,.scenario-ltv-alert) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input):not(:focus), html[data-theme="dark"] body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.quick-detail,.lead-panel-piggyback-ratio-mini):is(.scenario-fico-safe,.scenario-ltv-safe,.scenario-fico-caution,.scenario-ltv-caution,.scenario-fico-alert,.scenario-ltv-alert) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input):not(:focus) { background: rgba(7, 16, 25, .72) !important; background-color: rgba(7, 16, 25, .72) !important; color: #edf5fb !important; color-scheme: dark !important; font-family: inherit !important; font-size: 20px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.05 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.quick-detail,.lead-panel-piggyback-ratio-mini):is(.scenario-fico-safe,.scenario-ltv-safe) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input):not(:focus) { border-color: color-mix(in srgb, #45d78f 72%, #d8f7e7) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(69,215,143,.22) !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.quick-detail,.lead-panel-piggyback-ratio-mini):is(.scenario-fico-caution,.scenario-ltv-caution) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input):not(:focus) { border-color: color-mix(in srgb, #ffd166 76%, #fff3cf) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,209,102,.24) !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.quick-detail,.lead-panel-piggyback-ratio-mini):is(.scenario-fico-alert,.scenario-ltv-alert) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input):not(:focus) { border-color: color-mix(in srgb, #ff7a8a 78%, #ffe1e6) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,122,138,.24) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-head { align-items: center !important; gap: clamp(6px, 1.6vw, 18px) !important; grid-template-columns: 44px repeat(3, minmax(0, 1fr)) !important; min-width: 0 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-matrix.active-count-2 .mini-control-option-head { grid-template-columns: 44px repeat(2, minmax(0, 1fr)) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-matrix.active-count-1 .mini-control-option-head { grid-template-columns: 44px minmax(0, 1fr) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-head .mini-control-option-toggle { min-width: 0 !important; width: 100% !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-head .mini-control-option-toggle span { background: #071019 !important; background-color: #071019 !important; border: 1px solid color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 54%, #172432) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: #edf5fb !important; display: inline-flex !important; font-family: inherit !important; font-size: clamp(12px, 1.5vw, 15px) !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: clamp(34px, 5.6vw, 44px) !important; min-width: 0 !important; overflow: hidden !important; padding: 8px clamp(8px, 2vw, 16px) !important; text-align: center !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; white-space: nowrap !important; width: 100% !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-head .mini-control-option-toggle.is-disabled span { background: #0b141e !important; background-color: #0b141e !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 34%, #172432) !important; color: #aebdca !important; opacity: .78 !important; } /* Selected lead pane typography contract: borrower data and field values use the same modern weight in every pane mode. */ body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-name-row :is(.name-link,.lead-row-borrower-edit) { color: var(--ink) !important; font-family: inherit !important; font-size: clamp(24px, 5.4cqw, 30px) !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.05 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-contact > :is(.phone-link,.selected-lead-address-link,.borrower-email-link,.inline-link,.name-link,.lead-row-borrower-edit), body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-contact :is(a,span,button) { color: color-mix(in srgb, var(--accent) 82%, var(--ink)) !important; font-family: inherit !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.14 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid :is(.quick-detail input,.quick-detail select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-pair-row,.lead-panel-piggyback-ratio-mini input) { font-family: inherit !important; font-size: 20px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid :is(.quick-choice-menu > summary strong,.quick-choice-menu > summary span,.quick-choice-value-stack strong,.quick-choice-value-stack span) { font-family: inherit !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-name-row :is(.name-link,.lead-row-borrower-edit) { color: #edf5fb !important; } html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-contact > :is(.phone-link,.selected-lead-address-link,.borrower-email-link,.inline-link,.name-link,.lead-row-borrower-edit), html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-contact :is(a,span,button) { color: #64b9ff !important; } /* Selected lead pane captions: fixed black in light mode, fixed blue in dark mode. */ body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .detail, .quick-detail, .quick-choice-detail, .lead-panel-piggyback-ratio-tile, .lead-panel-piggyback-pair ) > span:first-child, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-piggyback-split-labels span,.lead-panel-piggyback-ratio-mini > span:first-child), body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid > :is(label,div,span) > span:first-child { color: #071523 !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.14 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .detail, .quick-detail, .quick-choice-detail, .lead-panel-piggyback-ratio-tile, .lead-panel-piggyback-pair ) > span:first-child, html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-piggyback-split-labels span,.lead-panel-piggyback-ratio-mini > span:first-child), html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid > :is(label,div,span) > span:first-child { color: #9fd0ff !important; } /* Selected lead pane status rows: copied compact baseline for calculators/leads/quote panes. */ body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-readiness-status,.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button .lead-panel-log-preview) { font-family: inherit !important; font-size: 12px !important; font-style: normal !important; font-variation-settings: "wght" 750 !important; font-weight: 750 !important; letter-spacing: 0 !important; line-height: 1.16 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-panel-readiness-status { align-items: center !important; display: inline-flex !important; justify-content: center !important; min-height: 32px !important; padding: 6px 10px !important; text-align: center !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-panel-readiness-status :is(strong,.meta,li,span) { font-family: inherit !important; font-size: inherit !important; font-style: normal !important; font-variation-settings: inherit !important; font-weight: inherit !important; letter-spacing: 0 !important; line-height: inherit !important; text-shadow: none !important; text-transform: none !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button .lead-panel-log-preview) { min-height: 32px !important; padding: 6px 9px !important; text-align: left !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-panel-status-inline-tab { font-family: inherit !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } /* Selected lead pane expanded Status body: one copied style across Leads, Calculators and Quote Preview panes. */ body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-card[open] .lead-panel-status-body, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-quick-status-panel .lead-panel-status-body { align-items: stretch !important; display: grid !important; gap: 7px 9px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin-top: 8px !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice-section, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice-grid { display: contents !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice { align-items: center !important; border: 1px solid color-mix(in srgb, currentColor 42%, var(--line)) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important; display: inline-flex !important; justify-content: center !important; min-height: 34px !important; min-width: 0 !important; padding: 6px 8px !important; text-align: center !important; width: 100% !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice span { color: inherit !important; font-family: inherit !important; font-size: 12px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.05 !important; max-width: 100% !important; overflow: hidden !important; text-align: center !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; white-space: normal !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.needs-review, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.hot { background: color-mix(in srgb, #6b5316 42%, transparent) !important; color: #ffe6a3 !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.quote-ready, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.appointment, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.green { background: color-mix(in srgb, #0c5f47 52%, transparent) !important; color: #a8f3c4 !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.sent, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.working, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.app-taken, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.blue { background: color-mix(in srgb, #143c5d 70%, transparent) !important; color: #b9dcff !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.opt-out-text, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.credit-repair { background: color-mix(in srgb, #3d2f63 72%, transparent) !important; color: #dccbff !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.seasoning, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.long-term, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.not-interested, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.not-eligible { background: color-mix(in srgb, #4b432d 66%, transparent) !important; color: #eadfc4 !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.is-selected { border-color: color-mix(in srgb, currentColor 74%, #fff) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 1px color-mix(in srgb, currentColor 36%, transparent) !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-card[open] .lead-panel-readiness-status, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-quick-status-panel .lead-panel-readiness-status { align-items: center !important; background: #071019 !important; background-color: #071019 !important; border: 1px solid color-mix(in srgb, #8cc9ed 40%, #172432) !important; border-radius: 7px !important; color: #edf5fb !important; display: grid !important; font-family: inherit !important; font-size: 12px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; gap: 6px !important; grid-template-columns: minmax(64px, max-content) minmax(0, 1fr) !important; line-height: 1.05 !important; margin-top: 10px !important; min-height: 42px !important; padding: 7px 10px !important; text-align: center !important; text-shadow: none !important; text-transform: none !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-card[open] .lead-panel-readiness-status :is(strong,.meta,li,span), body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-quick-status-panel .lead-panel-readiness-status :is(strong,.meta,li,span) { color: inherit !important; font: inherit !important; letter-spacing: 0 !important; line-height: inherit !important; text-shadow: none !important; text-transform: none !important; } /* Leads selected pane values: match the heavier Calculators/Quote Preview value font. */ body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-panel .detail-grid :is( .quick-detail input, .quick-detail select, .quick-choice-menu > summary, .quick-choice-menu > summary strong, .quick-choice-menu > summary span, .quick-choice-value-stack span, .lead-panel-piggyback-pair-row, .lead-panel-piggyback-ratio-mini input ) { font-family: inherit !important; font-size: 20px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } /* StreamQuote typography contract: fixed app type roles, independent from palette colors. */ :root { --sq-font-family: Inter, "Segoe UI", Arial, sans-serif; --sq-font-borrower-size: clamp(24px, 5.4cqw, 30px); --sq-font-contact-size: 15px; --sq-font-caption-size: 13px; --sq-font-value-size: 20px; --sq-font-section-tab-size: 20px; --sq-font-inline-tab-size: 18px; --sq-font-status-row-size: 12px; --sq-font-borrower-weight: 900; --sq-font-contact-weight: 850; --sq-font-caption-weight: 850; --sq-font-value-weight: 950; --sq-font-tab-weight: 900; --sq-font-inline-tab-weight: 850; --sq-font-status-weight: 850; } html, body, button, input, select, textarea, summary { font-family: var(--sq-font-family) !important; font-synthesis-weight: none; letter-spacing: 0; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is(.selected-lead-name-row .name-link,.selected-lead-name-row .lead-row-borrower-edit,.selected-lead-title,.lead-panel-title,.lead-summary-title) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-borrower-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-borrower-weight) !important; font-weight: var(--sq-font-borrower-weight) !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .selected-lead-contact :is(a,button,span), body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is(.selected-lead-contact,.selected-lead-phone,.selected-lead-address,.selected-lead-email) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-contact-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-contact-weight) !important; font-weight: var(--sq-font-contact-weight) !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is( .detail, .quick-detail, .quick-choice-detail, .lead-panel-piggyback-ratio-tile, .lead-panel-piggyback-pair ) > span:first-child, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is(.lead-panel-piggyback-split-labels span,.lead-panel-piggyback-ratio-mini > span:first-child,.mini-control-label,.mini-control-option-label,.mini-control-matrix-label,.mini-control-column-label) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: var(--sq-font-caption-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-caption-weight) !important; font-weight: var(--sq-font-caption-weight) !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is( .detail, .quick-detail, .quick-choice-detail, .lead-panel-piggyback-ratio-tile, .lead-panel-piggyback-pair ) > span:first-child, html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is(.lead-panel-piggyback-split-labels span,.lead-panel-piggyback-ratio-mini > span:first-child,.mini-control-label,.mini-control-option-label,.mini-control-matrix-label,.mini-control-column-label) { color: #9fd0ff !important; font-size: 14px !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid :is( .quick-detail input, .quick-detail select, .quick-choice-menu > summary, .quick-choice-menu > summary strong, .quick-choice-menu > summary span, .quick-choice-value-stack strong, .quick-choice-value-stack span, .lead-panel-piggyback-pair-row, .lead-panel-piggyback-ratio-mini input ), body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is(.selected-lead-field-value,.quick-detail-value,.lead-panel-readout-value) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-value-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-value-weight) !important; font-weight: var(--sq-font-value-weight) !important; letter-spacing: 0 !important; line-height: 1.05 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .quick-choice-options > button, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-value-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-value-weight) !important; font-weight: var(--sq-font-value-weight) !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } body :is(.lead-top-collapsible-card,.lead-scenario-fields,.mini-rate-snapshot-frame,.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child, body :is([data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child, body :is(.lead-top-collapsible-card,.lead-scenario-fields,.mini-rate-snapshot-frame,.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > :is(.editor-section-summary,.mini-rate-snapshot-head):is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, body :is(.lead-top-collapsible-card,.lead-scenario-fields,.mini-rate-snapshot-frame,.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card)[open] > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-section-tab-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-tab-weight) !important; font-weight: var(--sq-font-tab-weight) !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } body :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child, body :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card)[open] > .editor-section-summary > span:first-child, body :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, body :is(.lead-panel-status-inline-tab,.lead-panel-status-log-preview-button .lead-panel-status-inline-tab) { font-size: var(--sq-font-inline-tab-size) !important; font-variation-settings: "wght" var(--sq-font-inline-tab-weight) !important; font-weight: var(--sq-font-inline-tab-weight) !important; } body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is(.lead-panel-readiness-status,.lead-panel-notes-inline-input,.lead-panel-log-preview,.lead-panel-status-log-preview-button .lead-panel-log-preview,.lead-panel-status-body .status-choice span) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-status-row-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-status-weight) !important; font-weight: var(--sq-font-status-weight) !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.quick-detail,.lead-panel-piggyback-ratio-mini):is(.scenario-fico-safe,.scenario-ltv-safe,.scenario-fico-caution,.scenario-ltv-caution,.scenario-fico-alert,.scenario-ltv-alert) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input):not(:focus) { color: #edf5fb !important; font-family: var(--sq-font-family) !important; font-size: var(--sq-font-value-size) !important; font-variation-settings: "wght" var(--sq-font-value-weight) !important; font-weight: var(--sq-font-value-weight) !important; } /* StreamQuote app-wide typography bridge: fold remaining legacy surfaces into the same roles. */ :root { --sq-font-button-size: 14px; --sq-font-button-weight: 850; --sq-font-control-size: 15px; --sq-font-control-weight: 850; --sq-font-table-header-size: 12px; --sq-font-table-header-weight: 850; --sq-font-table-cell-size: 13.5px; --sq-font-table-cell-weight: 850; --sq-font-table-contact-size: 13px; --sq-font-table-contact-weight: 800; --sq-font-chip-size: 12px; --sq-font-chip-weight: 850; --sq-font-micro-size: 11px; --sq-font-micro-weight: 850; } body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) :is(button,input,select,textarea,summary,a,span,strong,small,em,label,th,td) { font-family: var(--sq-font-family) !important; letter-spacing: 0 !important; text-shadow: none; } body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) :is(.btn,.btn.mini,.icon-btn,.phone-action-btn,.control-anchor-chip,.side-link,.side-link-preview,.lead-rail-chip,.lead-view-nav-button,.lead-page-size-select,.saved-view-select,.lead-delete-button) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-button-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-button-weight) !important; font-weight: var(--sq-font-button-weight) !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) :is(.input,.search-input,.filter-input,.toolbar-input,.settings-input,.saved-view-select,.lead-page-size-select,input:not([type="checkbox"]):not([type="radio"]),select,textarea) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-control-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-control-weight) !important; font-weight: var(--sq-font-control-weight) !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) :is(.control-framed-label,.field-label,.form-label,.settings-label,.color-settings-section-title,.color-settings-section-head > span:not(.control-framed-label),label > span:first-child,.detail-label,.caption,.meta-label,.status-choice-section h4) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-caption-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-caption-weight) !important; font-weight: var(--sq-font-caption-weight) !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) :is(.control-framed-label,.field-label,.form-label,.settings-label,.color-settings-section-title,.color-settings-section-head > span:not(.control-framed-label),label > span:first-child,.detail-label,.caption,.meta-label,.status-choice-section h4) { color: #9fd0ff !important; } body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) table :is(th,.table-header-label,.table-sort-btn) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-table-header-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-table-header-weight) !important; font-weight: var(--sq-font-table-header-weight) !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-shadow: none !important; text-transform: none !important; } body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) table td, body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) .lead-table :is(td,.purpose-stack span,.address-cell .inline-link) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-table-cell-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-table-cell-weight) !important; font-weight: var(--sq-font-table-cell-weight) !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) .lead-table .borrower-name-line :is(.name-link,.lead-row-borrower-edit), body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) .lead-table .borrower-name-line { font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) .lead-table :is(.borrower-subline,.borrower-subline .lead-row-borrower-edit,.borrower-subline .phone-link,.borrower-cell .inline-link,.borrower-cell .phone-link,.borrower-cell .borrower-email-link) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-table-contact-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-table-contact-weight) !important; font-weight: var(--sq-font-table-contact-weight) !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) :is(.status,.tag,.lead-table .status,.lead-import-count,.lead-rail-badge,.mini-snapshot-warning-chip,.mini-collapsed-option-chip,.chip,.badge) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-chip-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-chip-weight) !important; font-weight: var(--sq-font-chip-weight) !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } body :is(.app-shell,.workspace,.modal,.popover,.lead-quick-popover,.quote-preview-shell,.calculator-window,.external-window-shell) :is(.lead-rail-chip span,.lead-layout-lock-text,.sidebar-legal-links a,.color-settings-field small,.phone-sms-composer label small,.mini-copy,.microcopy) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-micro-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-micro-weight) !important; font-weight: var(--sq-font-micro-weight) !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } /* Expanded mortgage Presets: compact control style, separated from 1st/2nd Mortgage title tabs. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary { align-items: center !important; cursor: pointer !important; display: grid !important; gap: 8px !important; grid-template-columns: max-content minmax(0, 1fr) !important; min-height: 44px !important; padding: 7px 10px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary .pricing-presets-title { align-items: center !important; background: transparent !important; background-color: transparent !important; border: 1px solid color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 54%, var(--line)) !important; border-radius: 7px !important; box-shadow: none !important; color: var(--label-tab-accent, #5aaef4) !important; display: inline-flex !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; gap: 0 !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 32px !important; padding: 7px 11px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; white-space: nowrap !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary .pricing-presets-title::before { content: none !important; display: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary .pricing-presets-title { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 68%, var(--line)) !important; box-shadow: none !important; color: var(--label-tab-accent, #5aaef4) !important; outline: 0 !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary .pricing-presets-title { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #8cc9ed 58%, #172432) !important; color: #8fd0ff !important; } /* Dark expanded mortgage option bubbles: readable text on controlled dark surfaces. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-head .mini-control-option-toggle span { background: #071019 !important; background-color: #071019 !important; border: 1px solid color-mix(in srgb, #8cc9ed 50%, #172432) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: #edf5fb !important; font-family: var(--sq-font-family) !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 34px !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-head .mini-control-option-toggle.is-enabled.mini-control-option-toggle-1 span { border-color: color-mix(in srgb, #9fc6ff 68%, #172432) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-head .mini-control-option-toggle.is-enabled.mini-control-option-toggle-2 span { border-color: color-mix(in srgb, #bdf5ff 68%, #172432) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-head .mini-control-option-toggle.is-enabled.mini-control-option-toggle-3 span { border-color: color-mix(in srgb, #ffd166 72%, #172432) !important; } /* Dark expanded Scenario labels: raw label text uses the same caption style as wrapped labels. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) [data-lead-editor-card="loanScenario"][open] .lead-scenario-body :is( .scenario-field-value, .scenario-field-cash-out, .scenario-field-first-balance, .scenario-field-second-balance, .scenario-field-current-rate, .scenario-field-second-current-rate, .scenario-field-fico, .scenario-field-ltv, .scenario-field-cltv, .scenario-field-purpose, .scenario-field-occupancy, .scenario-field-first-loan, .scenario-field-second-loan, .scenario-field-down-payment ) { color: #9fd0ff !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) [data-lead-editor-card="loanScenario"][open] .lead-scenario-body :is(.scenario-field-title-row,.scenario-field-ratio-pair label) { color: #9fd0ff !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) [data-lead-editor-card="loanScenario"][open] .lead-scenario-body :is(input,select,.custom-choice-menu > summary,.custom-choice-menu > summary strong,.custom-choice-menu > summary span) { color: #edf5fb !important; font-family: var(--sq-font-family) !important; font-size: var(--sq-font-value-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-value-weight) !important; font-weight: var(--sq-font-value-weight) !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } /* Dark Presets state lock: collapsed matches mortgage tabs; expanded is white with black text. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary .pricing-presets-title { background: #071019 !important; background-color: #071019 !important; border: 1px solid color-mix(in srgb, #8cc9ed 58%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: #edf5fb !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #8cc9ed 58%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: #edf5fb !important; outline: 0 !important; text-shadow: none !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; color-scheme: light !important; text-shadow: none !important; transform: none !important; } /* Expanded Scenario captions: use the 2nd Balance caption style across every layout path. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] .lead-scenario-body :is( label, .scenario-field-title-row, .scenario-field-ratio-pair label ):not(#sq-final-scenario-caption-unification-lock) { color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] .lead-scenario-body :is( label, .scenario-field-title-row, .scenario-field-ratio-pair label ):not(#sq-final-scenario-caption-unification-lock) { color: #9fd0ff !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] .lead-scenario-body :is( label, .scenario-field-ratio-pair label ) > :is(input,select,.zillow-field-wrap,.scenario-balance-input-wrap,.custom-choice-menu,.editor-choice-shell):not(#sq-final-scenario-caption-unification-lock) { margin-top: 5px !important; } /* Final section-tab shell contract: keep state colors, remove legacy hover/backfill drift. */ body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-status-card,.lead-panel-controls-card) > .editor-section-summary > span:first-child, body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-status-card,.lead-panel-controls-card) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-status-card,.lead-panel-controls-card) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible,:active) { background: transparent !important; background-color: transparent !important; box-shadow: none !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; text-shadow: none !important; transform: none !important; } body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-status-card,.lead-panel-controls-card)[open] > .editor-section-summary > span:first-child, body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-status-card,.lead-panel-controls-card)[open] > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child { background: transparent !important; background-color: transparent !important; box-shadow: none !important; color: var(--label-tab-accent, #1689c8) !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary .pricing-presets-title, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #1689c8) 54%, var(--line)) !important; box-shadow: none !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary .pricing-presets-title, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.12) !important; color: #071523 !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; text-shadow: none !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-status-card,.lead-panel-controls-card) > .editor-section-summary > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-status-card,.lead-panel-controls-card) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-status-card,.lead-panel-controls-card) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible,:active) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #8cc9ed 58%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: #edf5fb !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-status-card,.lead-panel-controls-card)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-panel-status-card,.lead-panel-controls-card)[open] > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child { color: #8fd0ff !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #8cc9ed 58%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: #edf5fb !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; text-shadow: none !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; color-scheme: light !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; } /* Absolute Presets collapsed-state lock: the drawer itself is the source of truth. */ body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary .pricing-presets-title, body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title, body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary .pricing-presets-title:is(:hover,:focus,:focus-visible,:active) { background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #1689c8) 54%, var(--line)) !important; box-shadow: none !important; color: #071523 !important; filter: none !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary .pricing-presets-title:is(:hover,:focus,:focus-visible,:active) { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #8cc9ed 58%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: #edf5fb !important; color-scheme: dark !important; } /* Absolute main-tab collapsed-state lock: collapse is neutral; open is accent. */ body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"], .mini-rate-snapshot-frame:is(.is-first,.is-second), .lead-panel-status-card, .lead-panel-controls-card ):not([open]) > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child, body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"], .mini-rate-snapshot-frame:is(.is-first,.is-second), .lead-panel-status-card, .lead-panel-controls-card ):not([open]) > :is(.editor-section-summary,.mini-rate-snapshot-head):is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child { background: transparent !important; background-color: transparent !important; box-shadow: none !important; color: #071523 !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; text-shadow: none !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"], .mini-rate-snapshot-frame:is(.is-first,.is-second), .lead-panel-status-card, .lead-panel-controls-card ):not([open]) > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"], .mini-rate-snapshot-frame:is(.is-first,.is-second), .lead-panel-status-card, .lead-panel-controls-card ):not([open]) > :is(.editor-section-summary,.mini-rate-snapshot-head):is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child { background: #071019 !important; background-color: #071019 !important; border-color: color-mix(in srgb, #8cc9ed 58%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: #edf5fb !important; } /* Leads panes: copy the fast 1003 section-label typography and state model. */ body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, .collapsible-editor-card, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"], .mini-rate-snapshot-frame:is(.is-first,.is-second), .lead-panel-status-card, .lead-panel-controls-card, .lead-panel-notes-card, .lead-panel-log-card ) > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child, body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary .pricing-presets-title { align-items: center !important; animation: none !important; box-sizing: border-box !important; cursor: pointer !important; display: inline-flex !important; flex: 0 1 auto !important; font-family: inherit !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; gap: 0 !important; justify-content: flex-start !important; letter-spacing: 0 !important; line-height: 1.08 !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; text-align: left !important; text-decoration: none !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; top: auto !important; transform: none !important; transition: none !important; white-space: nowrap !important; width: auto !important; } body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, .collapsible-editor-card, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"], .mini-rate-snapshot-frame:is(.is-first,.is-second), .lead-panel-status-card, .lead-panel-controls-card, .lead-panel-notes-card, .lead-panel-log-card ) > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child::before, body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary .pricing-presets-title::before { content: none !important; display: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, .collapsible-editor-card, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"], .mini-rate-snapshot-frame:is(.is-first,.is-second), .lead-panel-status-card, .lead-panel-controls-card, .lead-panel-notes-card, .lead-panel-log-card ) > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child, html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary .pricing-presets-title { background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #071523 !important; color-scheme: light !important; min-height: 0 !important; padding: 0 !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, .collapsible-editor-card, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"], .mini-rate-snapshot-frame:is(.is-first,.is-second), .lead-panel-status-card, .lead-panel-controls-card, .lead-panel-notes-card, .lead-panel-log-card )[open] > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child, html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, .collapsible-editor-card, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"], .mini-rate-snapshot-frame:is(.is-first,.is-second), .lead-panel-status-card, .lead-panel-controls-card, .lead-panel-notes-card, .lead-panel-log-card ) > :is(.editor-section-summary,.mini-rate-snapshot-head):is(:hover,:focus,:focus-visible,:active) > span:first-child, html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary .pricing-presets-title, html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:active) .pricing-presets-title { color: var(--label-tab-accent, #1689c8) !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, .collapsible-editor-card, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"], .mini-rate-snapshot-frame:is(.is-first,.is-second), .lead-panel-status-card, .lead-panel-controls-card, .lead-panel-notes-card, .lead-panel-log-card ) > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary .pricing-presets-title { background: #f8fbff !important; background-color: #f8fbff !important; border: 1px solid #d8e6f2 !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.18) !important; color: #071523 !important; color-scheme: light !important; min-height: 32px !important; padding: 8px 12px 8px 10px !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, .collapsible-editor-card, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"], .mini-rate-snapshot-frame:is(.is-first,.is-second), .lead-panel-status-card, .lead-panel-controls-card, .lead-panel-notes-card, .lead-panel-log-card )[open] > :is(.editor-section-summary,.mini-rate-snapshot-head) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, .collapsible-editor-card, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"], .mini-rate-snapshot-frame:is(.is-first,.is-second), .lead-panel-status-card, .lead-panel-controls-card, .lead-panel-notes-card, .lead-panel-log-card ) > :is(.editor-section-summary,.mini-rate-snapshot-head):is(:hover,:focus,:focus-visible,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:active) .pricing-presets-title { background: #0d1721 !important; background-color: #0d1721 !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 64%, #27445f) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important; color: #ffffff !important; color-scheme: dark !important; } /* Leads panes: copy 1003 field label/value/dropdown typography into Property, Scenario and selected panes. */ body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is( .detail, .quick-detail, .quick-choice-detail, .property-summary-fact, .scenario-collapsed-fact, .lead-panel-piggyback-ratio-tile, .lead-panel-piggyback-pair ) > span:first-child, body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is( [data-lead-editor-card="property"][open] .editor-section-body label > span:first-child, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body label > span:first-child, .lead-top-collapsible-card[open] .editor-section-body label > span:first-child, .lead-scenario-fields[open] .lead-scenario-body label > span:first-child, .scenario-field-title-row, .scenario-field-ratio-pair label, .mini-control-label, .mini-control-option-label, .mini-control-matrix-label, .mini-control-column-label ) { color: #005da8 !important; font-family: var(--sq-font-family) !important; font-size: 12px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.14 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is( .detail-grid input, .detail-grid select, .quick-detail input, .quick-detail select, .quick-choice-menu > summary, .quick-choice-menu > summary strong, .quick-choice-menu > summary span, .quick-choice-value-stack strong, .quick-choice-value-stack span, .custom-choice-menu > summary, .custom-choice-menu > summary strong, .custom-choice-menu > summary span, .editor-section-body input, .editor-section-body select, .editor-section-body textarea, .lead-scenario-body input, .lead-scenario-body select, .lead-scenario-body textarea, .property-summary-address-input, .property-summary-type-select, .property-summary-type-choice-shell > summary, .property-summary-type-choice-shell > summary strong, .selected-lead-field-value, .quick-detail-value, .lead-panel-readout-value, .lead-panel-piggyback-pair-row, .lead-panel-piggyback-ratio-mini input ) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.12 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button, body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is( .detail, .quick-detail, .quick-choice-detail, .property-summary-fact, .scenario-collapsed-fact, .lead-panel-piggyback-ratio-tile, .lead-panel-piggyback-pair ) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is( [data-lead-editor-card="property"][open] .editor-section-body label > span:first-child, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body label > span:first-child, .lead-top-collapsible-card[open] .editor-section-body label > span:first-child, .lead-scenario-fields[open] .lead-scenario-body label > span:first-child, .scenario-field-title-row, .scenario-field-ratio-pair label, .mini-control-label, .mini-control-option-label, .mini-control-matrix-label, .mini-control-column-label ) { color: #9fd0ff !important; font-size: 12px !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is( .detail-grid input, .detail-grid select, .quick-detail input, .quick-detail select, .quick-choice-menu > summary, .quick-choice-menu > summary strong, .quick-choice-menu > summary span, .quick-choice-value-stack strong, .quick-choice-value-stack span, .custom-choice-menu > summary, .custom-choice-menu > summary strong, .custom-choice-menu > summary span, .editor-section-body input, .editor-section-body select, .editor-section-body textarea, .lead-scenario-body input, .lead-scenario-body select, .lead-scenario-body textarea, .property-summary-address-input, .property-summary-type-select, .property-summary-type-choice-shell > summary, .property-summary-type-choice-shell > summary strong, .selected-lead-field-value, .quick-detail-value, .lead-panel-readout-value, .lead-panel-piggyback-pair-row, .lead-panel-piggyback-ratio-mini input ) { color: #edf5fb !important; font-size: 14px !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible) { color: #edf5fb !important; font-size: 14px !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; } /* Dark expanded Presets: dim all option buttons/cards while preserving option identity. */ html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is( .mini-preset-auto-mood, .pricing-preset-lender-cycle, .pricing-preset-option-count, .mini-control-option-toggle span, .quote-selection-token ) { background: #0d1721 !important; background-color: #0d1721 !important; border-color: color-mix(in srgb, #8cc9ed 44%, #26394d) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 2px 7px rgba(0,0,0,.24) !important; color: #eaf4fb !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is( .mini-preset-auto-mood, .pricing-preset-lender-cycle, .pricing-preset-option-count, .mini-control-option-toggle span, .quote-selection-token ):is(:hover,:focus,:focus-visible,:focus-within) { background: #111d29 !important; background-color: #111d29 !important; border-color: color-mix(in srgb, #8cc9ed 54%, #26394d) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 2px rgba(83,166,225,.14), 0 3px 9px rgba(0,0,0,.26) !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-preset-auto-mood,.pricing-preset-lender-cycle,.pricing-preset-option-count) :is(strong,span,em), html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-option-toggle span, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .quote-selection-token :is(strong,span,em) { color: #eaf4fb !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .quote-selection-tab { --sq-dark-option-card-accent: #8cc9ed; background: linear-gradient(145deg, color-mix(in srgb, var(--sq-dark-option-card-accent) 12%, #101a25), #0b141e) !important; background-color: #0b141e !important; border-color: color-mix(in srgb, var(--sq-dark-option-card-accent) 42%, #26394d) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 4px 11px rgba(0,0,0,.25) !important; color: #eaf4fb !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .quote-selection-tab-1 { --sq-dark-option-card-accent: #8fb8ff; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .quote-selection-tab-2 { --sq-dark-option-card-accent: #84d8e8; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .quote-selection-tab-3 { --sq-dark-option-card-accent: #d3a23e; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .quote-selection-tab:is(:hover,:focus-within) { background: linear-gradient(145deg, color-mix(in srgb, var(--sq-dark-option-card-accent) 16%, #121f2c), #0d1721) !important; border-color: color-mix(in srgb, var(--sq-dark-option-card-accent) 56%, #26394d) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 0 0 2px color-mix(in srgb, var(--sq-dark-option-card-accent) 14%, transparent), 0 5px 13px rgba(0,0,0,.28) !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .quote-selection-tab.is-selected { border-color: color-mix(in srgb, var(--sq-dark-option-card-accent) 72%, #dbeeff) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 2px color-mix(in srgb, var(--sq-dark-option-card-accent) 22%, transparent), 0 5px 14px rgba(0,0,0,.3) !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .quote-selection-tab .quote-selection-label, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .quote-selection-tab .quote-selection-label :is(strong,span,small,em) { color: #eaf4fb !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .quote-selection-tab .quote-selection-label strong { color: color-mix(in srgb, var(--sq-dark-option-card-accent) 58%, #f4f8fb) !important; } /* Dark lead pane risk boxes: keep FICO/LTV/CLTV dark with white values; use tier color only as border. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):is(.scenario-fico-safe,.scenario-ltv-safe,.scenario-fico-caution,.scenario-ltv-caution,.scenario-fico-alert,.scenario-ltv-alert), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):has(:is(.scenario-fico-safe,.scenario-ltv-safe,.scenario-fico-caution,.scenario-ltv-caution,.scenario-fico-alert,.scenario-ltv-alert)) { background: var(--workspace-field-card-fill, #13212d) !important; background-color: var(--workspace-field-card-fill, #13212d) !important; color: #edf5fb !important; color-scheme: dark !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):is(.scenario-fico-safe,.scenario-ltv-safe,.scenario-fico-caution,.scenario-ltv-caution,.scenario-fico-alert,.scenario-ltv-alert) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input,.lead-panel-piggyback-pair-row input):not(:focus), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):has(:is(.scenario-fico-safe,.scenario-ltv-safe,.scenario-fico-caution,.scenario-ltv-caution,.scenario-fico-alert,.scenario-ltv-alert)) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input,.lead-panel-piggyback-pair-row input):not(:focus) { background: #071019 !important; background-color: #071019 !important; color: #edf5fb !important; color-scheme: dark !important; text-shadow: none !important; -webkit-text-fill-color: #edf5fb !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):is(.scenario-fico-safe,.scenario-ltv-safe) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input,.lead-panel-piggyback-pair-row input):not(:focus) { border-color: #45d78f !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(69,215,143,.22) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):is(.scenario-fico-caution,.scenario-ltv-caution) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input,.lead-panel-piggyback-pair-row input):not(:focus) { border-color: #ffd166 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,209,102,.24) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):is(.scenario-fico-alert,.scenario-ltv-alert) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input,.lead-panel-piggyback-pair-row input):not(:focus) { border-color: #ff7a8a !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,122,138,.24) !important; } /* Dark expanded Property captions: match the Scenario caption style. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="property"],.lead-top-collapsible-card.editor-property)[open] :is(.editor-section-body,.property-editor-body) label:not(#sq-final-property-caption-unification-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="property"],.lead-top-collapsible-card.editor-property)[open] :is(.editor-section-body,.property-editor-body) label > span:first-child:not(#sq-final-property-caption-unification-lock) { color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="property"],.lead-top-collapsible-card.editor-property)[open] :is(.editor-section-body,.property-editor-body) label:not(#sq-final-property-caption-unification-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="property"],.lead-top-collapsible-card.editor-property)[open] :is(.editor-section-body,.property-editor-body) label > span:first-child:not(#sq-final-property-caption-unification-lock) { color: #9fd0ff !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="property"],.lead-top-collapsible-card.editor-property)[open] :is(.editor-section-body,.property-editor-body) label > :is(input,select,textarea,.custom-choice-menu,.editor-choice-shell):not(#sq-final-property-caption-unification-lock) { margin-top: 5px !important; } /* Dark expanded Scenario risk fields: match lead-pane tier treatment. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] .lead-scenario-body :is(.scenario-fico-safe,.scenario-fico-caution,.scenario-fico-alert,.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) :is(input,select):not(:focus) { background: #071019 !important; background-color: #071019 !important; color: #edf5fb !important; color-scheme: dark !important; text-shadow: none !important; -webkit-text-fill-color: #edf5fb !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] .lead-scenario-body :is(.scenario-fico-safe,.scenario-ltv-safe) :is(input,select):not(:focus) { border-color: #45d78f !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(69,215,143,.22) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] .lead-scenario-body :is(.scenario-fico-caution,.scenario-ltv-caution) :is(input,select):not(:focus) { border-color: #ffd166 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,209,102,.24) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] .lead-scenario-body :is(.scenario-fico-alert,.scenario-ltv-alert) :is(input,select):not(:focus) { border-color: #ff7a8a !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,122,138,.24) !important; } /* Selected lead pane field captions: match Scenario/Property caption style. */ body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid .quick-detail > span:not(#sq-final-selected-pane-caption-unification-lock), body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid .lead-panel-piggyback-ratio-mini > span:not(#sq-final-selected-pane-caption-unification-lock) { color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid .quick-detail > span:not(#sq-final-calculator-preview-pane-caption-unification-lock), body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid .lead-panel-piggyback-ratio-mini > span:not(#sq-final-calculator-preview-pane-caption-unification-lock) { color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid .quick-detail > span:not(#sq-final-selected-pane-caption-unification-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid .lead-panel-piggyback-ratio-mini > span:not(#sq-final-selected-pane-caption-unification-lock) { color: #9fd0ff !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid .quick-detail > span:not(#sq-final-calculator-preview-pane-caption-unification-lock), html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid .lead-panel-piggyback-ratio-mini > span:not(#sq-final-calculator-preview-pane-caption-unification-lock) { color: #9fd0ff !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } /* Dark selected lead pane FICO/LTV/CLTV: exact final override against legacy tier fills. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail:is(.scenario-fico-safe,.scenario-fico-caution,.scenario-fico-alert,.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) > input:not(:focus), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail .lead-panel-piggyback-ratio-mini:is(.scenario-fico-safe,.scenario-fico-caution,.scenario-fico-alert,.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) > input:not(:focus), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail .lead-panel-piggyback-ratio-mini:is(.scenario-fico-safe,.scenario-fico-caution,.scenario-fico-alert,.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) input:not(:focus) { background: #071019 !important; background-color: #071019 !important; color: #edf5fb !important; color-scheme: dark !important; text-shadow: none !important; -webkit-text-fill-color: #edf5fb !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail:is(.scenario-fico-safe,.scenario-ltv-safe) > input:not(:focus), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail .lead-panel-piggyback-ratio-mini:is(.scenario-fico-safe,.scenario-ltv-safe) input:not(:focus) { border-color: #45d78f !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(69,215,143,.22) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail:is(.scenario-fico-caution,.scenario-ltv-caution) > input:not(:focus), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail .lead-panel-piggyback-ratio-mini:is(.scenario-fico-caution,.scenario-ltv-caution) input:not(:focus) { border-color: #ffd166 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,209,102,.24) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail:is(.scenario-fico-alert,.scenario-ltv-alert) > input:not(:focus), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail .lead-panel-piggyback-ratio-mini:is(.scenario-fico-alert,.scenario-ltv-alert) input:not(:focus) { border-color: #ff7a8a !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,122,138,.24) !important; } /* Dark selected lead contact block: match borrower-name typography/color family. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact, html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact :is(a,span,.phone-link,.inline-link,.name-link,.borrower-email-link,.selected-lead-address-link), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact .selected-lead-address-link :is(span,strong) { color: #8cc9ed !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.18 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact :is(a,.phone-link,.inline-link,.name-link,.borrower-email-link,.selected-lead-address-link):is(:hover,:focus,:focus-visible) { color: #a7d8f5 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 2px !important; } /* Dark section tabs: final 2nd Mortgage state model lock. */ html[data-theme="dark"] body :is(.workspace,.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.mismo-standalone-mode) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"],.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child, html[data-theme="dark"] body :is(.workspace,.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body :is(.workspace,.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.mismo-standalone-mode) :is(.pricing-presets-title,.lead-panel-status-inline-tab) { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82, 170, 231, .74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; transition: background-color .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease !important; } html[data-theme="dark"] body :is(.workspace,.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.mismo-standalone-mode) :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card)[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body :is(.workspace,.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.mismo-standalone-mode) :is(.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body :is(.workspace,.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.mismo-standalone-mode) :is(.lead-top-collapsible-card,.lead-scenario-fields,[data-section-tab-scope="property"],[data-section-tab-scope="loanScenario"],[data-lead-editor-card="property"],[data-lead-editor-card="loanScenario"],.lead-panel-status-card,.lead-panel-controls-card,.lead-panel-notes-card,.lead-panel-log-card) > .editor-section-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"] body :is(.workspace,.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body :is(.workspace,.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body :is(.workspace,.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible,:active), html[data-theme="dark"] body :is(.workspace,.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.mismo-standalone-mode) :is(.pricing-presets-title,.lead-panel-status-inline-tab):is(:hover,:focus,:focus-visible,:active) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } /* Dark external 1003 tabs: use the same collapsed/open model as the mortgage section tabs. */ html[data-theme="dark"] body.mismo-standalone-mode .mismo-1003-form .mismo-1003-group > summary, html[data-theme="dark"] body .mismo-1003-popout-card .mismo-1003-form .mismo-1003-group > summary, html[data-theme="dark"] body .mismo-launcher-panel .mismo-1003-form .mismo-1003-group > summary { align-items: center !important; -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82, 170, 231, .74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; display: inline-flex !important; font-family: var(--sq-font-family) !important; font-size: clamp(18px, 1.45vw, 24px) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; gap: 8px !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1.06 !important; min-height: 42px !important; padding: 9px 16px !important; text-shadow: none !important; text-transform: none !important; transition: background-color .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease !important; width: auto !important; } html[data-theme="dark"] body.mismo-standalone-mode .mismo-1003-form .mismo-1003-group > summary::before, html[data-theme="dark"] body .mismo-1003-popout-card .mismo-1003-form .mismo-1003-group > summary::before, html[data-theme="dark"] body .mismo-launcher-panel .mismo-1003-form .mismo-1003-group > summary::before { content: none !important; display: none !important; } html[data-theme="dark"] body.mismo-standalone-mode .mismo-1003-form .mismo-1003-group[open] > summary, html[data-theme="dark"] body.mismo-standalone-mode .mismo-1003-form .mismo-1003-group > summary:is(:hover,:focus,:focus-visible,:active), html[data-theme="dark"] body .mismo-1003-popout-card .mismo-1003-form .mismo-1003-group[open] > summary, html[data-theme="dark"] body .mismo-1003-popout-card .mismo-1003-form .mismo-1003-group > summary:is(:hover,:focus,:focus-visible,:active), html[data-theme="dark"] body .mismo-launcher-panel .mismo-1003-form .mismo-1003-group[open] > summary, html[data-theme="dark"] body .mismo-launcher-panel .mismo-1003-form .mismo-1003-group > summary:is(:hover,:focus,:focus-visible,:active) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; text-shadow: none !important; } /* Scenario ratio captions: Home Equity / Rate & Term two-lien LTV and CLTV labels use the same caption system. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] .lead-scenario-body :is(.scenario-field-ltv,.scenario-field-cltv):not(#sq-final-scenario-ratio-caption-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] .lead-scenario-body .scenario-field-ratio-pair > :is(.scenario-field-ltv,.scenario-field-cltv):not(#sq-final-scenario-ratio-caption-lock) { color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] .lead-scenario-body :is(.scenario-field-ltv,.scenario-field-cltv):not(#sq-final-scenario-ratio-caption-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] .lead-scenario-body .scenario-field-ratio-pair > :is(.scenario-field-ltv,.scenario-field-cltv):not(#sq-final-scenario-ratio-caption-lock) { color: #9fd0ff !important; } /* Lead-pane two-lien mini captions: keep 1st/2nd and LTV/CLTV aligned with Scenario captions. */ body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid :is(.lead-panel-piggyback-pair,.lead-panel-piggyback-ratio-tile,.lead-panel-piggyback-ratio-combo) .lead-panel-piggyback-split-labels > span:not(#sq-final-lead-pane-two-lien-mini-caption-lock), body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid .lead-panel-piggyback-split-labels > span:not(#sq-final-lead-pane-two-lien-mini-caption-lock) { color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid :is(.lead-panel-piggyback-pair,.lead-panel-piggyback-ratio-tile,.lead-panel-piggyback-ratio-combo) .lead-panel-piggyback-split-labels > span:not(#sq-final-lead-pane-two-lien-mini-caption-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid .lead-panel-piggyback-split-labels > span:not(#sq-final-lead-pane-two-lien-mini-caption-lock) { color: #9fd0ff !important; } /* Lead-pane two-lien mini boxes: align under the corrected 1st/2nd and LTV/CLTV captions. */ body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid :is(.lead-panel-piggyback-pair,.lead-panel-piggyback-ratio-tile,.lead-panel-piggyback-ratio-combo) :is(.lead-panel-piggyback-pair-row,.lead-panel-piggyback-ratio-mini input):not(#sq-final-lead-pane-two-lien-mini-box-offset-lock), body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .detail-grid :is(.lead-panel-piggyback-pair-row,.lead-panel-piggyback-ratio-mini input):not(#sq-final-lead-pane-two-lien-mini-box-offset-lock) { transform: translateY(2px) !important; } /* Light Property/Scenario tabs: match the mortgage tab typography and transparent bordered treatment. */ html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,[data-section-tab-scope="property"],[data-lead-editor-card="property"],.lead-scenario-fields,[data-section-tab-scope="loanScenario"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:not(#sq-final-light-property-scenario-tab-lock), html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,[data-section-tab-scope="property"],[data-lead-editor-card="property"],.lead-scenario-fields,[data-section-tab-scope="loanScenario"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > :is([data-property-summary-toggle],[data-loan-scenario-summary-toggle]):not(#sq-final-light-property-scenario-tab-lock) { -webkit-text-fill-color: #061523 !important; background: transparent !important; background-color: transparent !important; border: 1px solid color-mix(in srgb, var(--label-tab-accent, #5aaef4) 58%, #b9d8ee) !important; border-radius: 8px !important; box-shadow: none !important; color: #061523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: clamp(17px, 1.55vw, 22px) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.06 !important; min-height: 42px !important; padding: 9px 16px !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,[data-section-tab-scope="property"],[data-lead-editor-card="property"],.lead-scenario-fields,[data-section-tab-scope="loanScenario"],[data-lead-editor-card="loanScenario"])[open] > .editor-section-summary > span:first-child:not(#sq-final-light-property-scenario-tab-lock), html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,[data-section-tab-scope="property"],[data-lead-editor-card="property"],.lead-scenario-fields,[data-section-tab-scope="loanScenario"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child:not(#sq-final-light-property-scenario-tab-lock), html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,[data-section-tab-scope="property"],[data-lead-editor-card="property"],.lead-scenario-fields,[data-section-tab-scope="loanScenario"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-final-light-property-scenario-tab-lock) { -webkit-text-fill-color: var(--label-tab-accent, #5aaef4) !important; background: transparent !important; background-color: transparent !important; border-color: color-mix(in srgb, var(--label-tab-accent, #5aaef4) 72%, #b9d8ee) !important; box-shadow: none !important; color: var(--label-tab-accent, #5aaef4) !important; } /* Lead pane contact text: stay on the approved contact palette. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.selected-lead-panel,.lead-side-rail,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.selected-lead-contact,.selected-lead-contact :is(a,span,strong,.phone-link,.inline-link,.name-link,.borrower-email-link,.selected-lead-address-link),.selected-lead-contact .selected-lead-address-link :is(span,strong)):not(#sq-final-lead-pane-contact-palette-decouple), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.selected-lead-panel,.lead-side-rail,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-rail-name-btn,.lead-rail-name-btn strong,.lead-rail-contact,.lead-rail-contact :is(a,span,strong),.lead-panel-contact,.lead-panel-contact :is(a,span,strong)):not(#sq-final-lead-pane-contact-palette-decouple) { color: #112a5c !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.selected-lead-panel,.lead-side-rail,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.selected-lead-contact a,.selected-lead-contact .phone-link,.selected-lead-contact .inline-link,.selected-lead-contact .name-link,.selected-lead-contact .borrower-email-link,.selected-lead-contact .selected-lead-address-link,.lead-rail-contact a,.lead-panel-contact a):is(:hover,:focus,:focus-visible):not(#sq-final-lead-pane-contact-palette-decouple) { color: #0b70b7 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 2px !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.selected-lead-panel,.lead-side-rail,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.selected-lead-contact,.selected-lead-contact :is(a,span,strong,.phone-link,.inline-link,.name-link,.borrower-email-link,.selected-lead-address-link),.selected-lead-contact .selected-lead-address-link :is(span,strong)):not(#sq-final-lead-pane-contact-palette-decouple), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.selected-lead-panel,.lead-side-rail,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-rail-name-btn,.lead-rail-name-btn strong,.lead-rail-contact,.lead-rail-contact :is(a,span,strong),.lead-panel-contact,.lead-panel-contact :is(a,span,strong)):not(#sq-final-lead-pane-contact-palette-decouple) { color: #8cc9ed !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.selected-lead-panel,.lead-side-rail,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.selected-lead-contact a,.selected-lead-contact .phone-link,.selected-lead-contact .inline-link,.selected-lead-contact .name-link,.selected-lead-contact .borrower-email-link,.selected-lead-contact .selected-lead-address-link,.lead-rail-contact a,.lead-panel-contact a):is(:hover,:focus,:focus-visible):not(#sq-final-lead-pane-contact-palette-decouple) { color: #a7d8f5 !important; } /* Light Property/Scenario expanded and hover tabs: match the expanded mortgage tab exactly. */ html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,[data-section-tab-scope="property"],[data-lead-editor-card="property"],.lead-scenario-fields,[data-section-tab-scope="loanScenario"],[data-lead-editor-card="loanScenario"])[open] > .editor-section-summary > span:first-child:not(#sq-final-light-property-scenario-expanded-tab-lock), html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,[data-section-tab-scope="property"],[data-lead-editor-card="property"],.lead-scenario-fields,[data-section-tab-scope="loanScenario"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child:not(#sq-final-light-property-scenario-expanded-tab-lock), html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.lead-top-collapsible-card,[data-section-tab-scope="property"],[data-lead-editor-card="property"],.lead-scenario-fields,[data-section-tab-scope="loanScenario"],[data-lead-editor-card="loanScenario"]) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-final-light-property-scenario-expanded-tab-lock) { -webkit-text-fill-color: #5aaef4 !important; background: transparent !important; background-color: transparent !important; border: 1px solid color-mix(in srgb, #5aaef4 72%, #b9d8ee) !important; border-radius: 8px !important; box-shadow: none !important; color: #5aaef4 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: clamp(18px, 1.7vw, 23px) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.06 !important; min-height: 42px !important; padding: 9px 16px !important; text-shadow: none !important; text-transform: none !important; } /* Dark collapsed mortgage tabs: action/logo hover must not flip or dim the label. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-dark-collapsed-mortgage-hover-stability-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child:not(#sq-final-dark-collapsed-mortgage-hover-stability-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-final-dark-collapsed-mortgage-hover-stability-lock) { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82, 170, 231, .74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child:not(#sq-final-dark-collapsed-mortgage-global-stability-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child:not(#sq-final-dark-collapsed-mortgage-global-stability-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-final-dark-collapsed-mortgage-global-stability-lock) { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82, 170, 231, .74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; filter: none !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } /* Dark collapsed mortgage tabs: direct label hover uses the expanded inverted text treatment. */ html[data-theme="dark"] body .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-final-dark-collapsed-mortgage-direct-hover-lock) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; filter: none !important; opacity: 1 !important; text-shadow: none !important; } /* Property header typography: tab, collapsed value, and property type dropdown options. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="property"],[data-section-tab-scope="property"],.lead-top-collapsible-card.editor-property) > .editor-section-summary > [data-property-summary-toggle]:not(#sq-final-property-header-type-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.property-summary-type-choice-shell,.property-summary-type-choice-shell > summary,.property-summary-type-choice-shell > summary :is(strong,span),.property-summary-type-choice-shell .quick-choice-options > button):not(#sq-final-property-header-type-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="property"],[data-section-tab-scope="property"],.lead-top-collapsible-card.editor-property) .editor-choice-shell:has([name="propertyType"]) :is(summary,summary :is(strong,span),.quick-choice-options > button):not(#sq-final-property-header-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.property-summary-type-choice-shell,.property-summary-type-choice-shell > summary,.property-summary-type-choice-shell > summary :is(strong,span),.property-summary-type-choice-shell .quick-choice-options > button):not(#sq-final-property-header-type-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="property"],[data-section-tab-scope="property"],.lead-top-collapsible-card.editor-property) .editor-choice-shell:has([name="propertyType"]) :is(summary,summary :is(strong,span),.quick-choice-options > button):not(#sq-final-property-header-type-lock) { font-size: 15px !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.property-summary-type-choice-shell,.property-summary-type-choice-shell > summary,.property-summary-type-choice-shell > summary :is(strong,span),.property-summary-type-choice-shell .quick-choice-options > button):not(#sq-final-property-header-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="property"],[data-section-tab-scope="property"],.lead-top-collapsible-card.editor-property) .editor-choice-shell:has([name="propertyType"]) :is(summary,summary :is(strong,span),.quick-choice-options > button):not(#sq-final-property-header-type-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* Mortgage expanded controls: Product, Term, and Loan Amount captions use the lead-pane caption system. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-product-controls label > span:first-child,.mini-product-controls .mini-term-label-row > span:first-child,.mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span,.mini-fee-strip > .mini-second-loan-amount-tile > span:first-child):not(#sq-final-mortgage-expanded-control-caption-lock) { -webkit-text-fill-color: #0b70b7 !important; color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-product-controls label > span:first-child,.mini-product-controls .mini-term-label-row > span:first-child,.mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span,.mini-fee-strip > .mini-second-loan-amount-tile > span:first-child):not(#sq-final-mortgage-expanded-control-caption-lock) { -webkit-text-fill-color: #9fd0ff !important; color: #9fd0ff !important; } /* Dark lead panes: FICO/LTV/CLTV controls keep dark fill in every pane state, including focus. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini) :is(input[data-quick-field="fico"],input[data-quick-field="newLtv"],input[data-lead-panel-piggyback-ratio],input[aria-label*="FICO"],input[aria-label*="LTV"],input[aria-label*="CLTV"]):not(#sq-final-dark-lead-pane-risk-input-fill-lock) { -webkit-text-fill-color: #edf5fb !important; background: #071019 !important; background-color: #071019 !important; border-color: #45d78f !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(69,215,143,.22) !important; color: #edf5fb !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini):is(.scenario-fico-caution,.scenario-ltv-caution) :is(input[data-quick-field="fico"],input[data-quick-field="newLtv"],input[data-lead-panel-piggyback-ratio],input[aria-label*="FICO"],input[aria-label*="LTV"],input[aria-label*="CLTV"]):not(#sq-final-dark-lead-pane-risk-input-fill-lock) { border-color: #ffd166 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,209,102,.24) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini):is(.scenario-fico-alert,.scenario-ltv-alert) :is(input[data-quick-field="fico"],input[data-quick-field="newLtv"],input[data-lead-panel-piggyback-ratio],input[aria-label*="FICO"],input[aria-label*="LTV"],input[aria-label*="CLTV"]):not(#sq-final-dark-lead-pane-risk-input-fill-lock) { border-color: #ff7a8a !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,122,138,.24) !important; } /* Dark expanded mortgage values: Product, Term, Loan Amount, and dropdown rows match lead-pane value typography. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary, .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary strong, .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary span, .mini-product-controls .mini-static-control, .mini-product-controls select, .mini-fee-strip > .mini-fee-tile-loan > strong, .mini-fee-strip > .mini-fee-tile-loan > input, .mini-fee-strip > .mini-second-loan-amount-tile > strong, .mini-fee-strip > .mini-second-loan-amount-tile > input ):not(#sq-final-dark-expanded-mortgage-value-type-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-size: 16px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options button:not(#sq-final-dark-expanded-mortgage-value-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-dark-expanded-mortgage-value-type-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } /* Remaining Leads UI font consolidation: collapsed Property/Scenario summary values and expanded mortgage mini-controls. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu > summary, .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu > summary strong, .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .quick-choice-options > button, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary strong, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell :is(.property-type-label-full,.property-type-label-short) ):not(#sq-final-summary-value-font-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-choice-shell .custom-choice-menu > summary, .mini-product-choice-shell .custom-choice-menu > summary strong, .mini-product-choice-shell .custom-choice-menu > summary span, .mini-product-choice-shell .quick-choice-options > button, .mini-static-control, .mini-editable-loan-tile > input, .mini-fee-strip > .mini-fee-tile-loan > strong, .mini-fee-strip > .mini-fee-tile-loan > input, .mini-fee-strip > .mini-second-loan-amount-tile > strong, .mini-fee-strip > .mini-second-loan-amount-tile > input ):not(#sq-final-summary-value-font-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu > summary, .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu > summary strong, .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .quick-choice-options > button, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary strong, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell :is(.property-type-label-full,.property-type-label-short) ):not(#sq-final-summary-value-font-lock) { color: #071523 !important; font-size: 15px !important; line-height: 1.12 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu > summary, .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu > summary strong, .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .quick-choice-options > button, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary strong, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell :is(.property-type-label-full,.property-type-label-short) ):not(#sq-final-summary-value-font-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-choice-shell .custom-choice-menu > summary, .mini-product-choice-shell .custom-choice-menu > summary strong, .mini-product-choice-shell .custom-choice-menu > summary span, .mini-static-control, .mini-editable-loan-tile > input, .mini-fee-strip > .mini-fee-tile-loan > strong, .mini-fee-strip > .mini-fee-tile-loan > input, .mini-fee-strip > .mini-second-loan-amount-tile > strong, .mini-fee-strip > .mini-second-loan-amount-tile > input ):not(#sq-final-summary-value-font-lock) { font-size: 16px !important; line-height: 1.1 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-choice-shell .quick-choice-options > button:not(#sq-final-summary-value-font-lock) { font-size: 15px !important; line-height: 1.12 !important; } /* Dark expanded compensation mode pills: white heavy value typography for LPC / Corr / BPC. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label:not(#sq-final-dark-comp-pill-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label:not(#sq-final-dark-comp-pill-type-lock) :is(span,strong,b,em):not(#sq-final-dark-comp-pill-type-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label:is(:hover,:focus,:focus-visible):not(#sq-final-dark-comp-pill-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label:is(:hover,:focus,:focus-visible):not(#sq-final-dark-comp-pill-type-lock) :is(span,strong,b,em):not(#sq-final-dark-comp-pill-type-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; } /* Dark expanded Property + Scenario field values: unify text boxes and dropdown values with approved lead-pane value typography. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="property"],.lead-top-collapsible-card.editor-property,[data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] :is( input:not([type="checkbox"]):not([type="radio"]), select, textarea, .custom-choice-menu > summary, .custom-choice-menu > summary strong, .custom-choice-menu > summary span, .editor-choice-shell .custom-choice-menu > summary, .editor-choice-shell .custom-choice-menu > summary strong, .editor-choice-shell .custom-choice-menu > summary span, .scenario-balance-input-wrap .scenario-balance-inline-toggle > span, .zillow-field-wrap input ):not(#sq-final-dark-property-scenario-value-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="property"],.lead-top-collapsible-card.editor-property,[data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] :is(.editor-choice-shell,.custom-choice-menu)[open] .quick-choice-options button:not(#sq-final-dark-property-scenario-value-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is([data-lead-editor-card="property"],.lead-top-collapsible-card.editor-property,[data-lead-editor-card="loanScenario"],.lead-scenario-fields)[open] :is(.editor-choice-shell,.custom-choice-menu)[open] .quick-choice-options button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-dark-property-scenario-value-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } /* Dark selected lead pane value cards: match the same heavy white value styling as Property/Scenario fields. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is( .quick-detail input, .quick-detail select, .quick-choice-menu > summary, .quick-choice-menu > summary strong, .quick-choice-menu > summary span, .quick-choice-value-stack strong, .quick-choice-value-stack span, .selected-lead-field-value, .quick-detail-value, .lead-panel-readout-value, .lead-panel-piggyback-pair-row, .lead-panel-piggyback-ratio-mini input ):not(#sq-final-dark-selected-pane-value-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } /* Dark selected lead pane risk inputs: suppress browser/autofill backfill so FICO/LTV/CLTV stay on the intended dark surface before focus. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini) :is( input[data-quick-field="fico"], input[data-quick-field="newLtv"], input[data-lead-panel-piggyback-ratio], input[aria-label*="FICO"], input[aria-label*="LTV"], input[aria-label*="CLTV"] ):-webkit-autofill:not(#sq-final-dark-risk-autofill-zap), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini) :is( input[data-quick-field="fico"], input[data-quick-field="newLtv"], input[data-lead-panel-piggyback-ratio], input[aria-label*="FICO"], input[aria-label*="LTV"], input[aria-label*="CLTV"] ):-webkit-autofill:hover:not(#sq-final-dark-risk-autofill-zap), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini) :is( input[data-quick-field="fico"], input[data-quick-field="newLtv"], input[data-lead-panel-piggyback-ratio], input[aria-label*="FICO"], input[aria-label*="LTV"], input[aria-label*="CLTV"] ):-webkit-autofill:focus:not(#sq-final-dark-risk-autofill-zap), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini) :is( input[data-quick-field="fico"], input[data-quick-field="newLtv"], input[data-lead-panel-piggyback-ratio], input[aria-label*="FICO"], input[aria-label*="LTV"], input[aria-label*="CLTV"] ):-webkit-autofill:active:not(#sq-final-dark-risk-autofill-zap) { -webkit-text-fill-color: #edf5fb !important; background: #071019 !important; background-clip: padding-box !important; background-color: #071019 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(69,215,143,.22), 0 0 0 1000px #071019 inset !important; caret-color: #edf5fb !important; color: #edf5fb !important; color-scheme: dark !important; transition: background-color 99999s ease-out 0s, color 99999s ease-out 0s !important; } /* Final open-dropdown current-row typography lock: selected menu item must never fall back to thin legacy weight. */ body[data-app-view="leads"] .workspace :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-final-dropdown-current-row-type-lock), body[data-app-view="leads"] .workspace :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-final-dropdown-current-row-type-lock) :is(span,strong,b,em):not(#sq-final-dropdown-current-row-type-lock) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-final-dropdown-current-row-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-final-dropdown-current-row-type-lock) :is(span,strong,b,em):not(#sq-final-dropdown-current-row-type-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; } /* Final Presets section typography lock: summaries and menu rows stay on the approved StreamQuote value type. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is( .mini-pref-choice-shell .custom-choice-menu > summary, .mini-pref-choice-shell .custom-choice-menu > summary :is(strong,span,.mini-pref-display-text), .mini-comp-choice-shell .custom-choice-menu > summary, .mini-comp-choice-shell .custom-choice-menu > summary :is(strong,span,.mini-pref-display-text), .mini-control-choice-shell .custom-choice-menu > summary, .mini-control-choice-shell .custom-choice-menu > summary :is(strong,span,.mini-pref-display-text), .mini-control-option-toggle span, .mini-preset-auto-mood.is-expanded-control, .mini-preset-auto-mood.is-expanded-control em ):not(#sq-final-presets-global-type-lock) { font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options > button:not(#sq-final-presets-global-type-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-presets-global-type-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options > button:not(#sq-final-presets-global-type-lock) :is(span,strong,b,em):not(#sq-final-presets-global-type-lock) { font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is( .mini-pref-choice-shell .custom-choice-menu > summary, .mini-pref-choice-shell .custom-choice-menu > summary :is(strong,span,.mini-pref-display-text), .mini-comp-choice-shell .custom-choice-menu > summary, .mini-comp-choice-shell .custom-choice-menu > summary :is(strong,span,.mini-pref-display-text), .mini-control-choice-shell .custom-choice-menu > summary, .mini-control-choice-shell .custom-choice-menu > summary :is(strong,span,.mini-pref-display-text), .mini-pref-choice-shell .quick-choice-options > button, .mini-comp-choice-shell .quick-choice-options > button, .mini-control-choice-shell .quick-choice-options > button ):not(#sq-final-presets-global-type-lock) { color: #071523 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is( .mini-pref-choice-shell .custom-choice-menu > summary, .mini-pref-choice-shell .custom-choice-menu > summary :is(strong,span,.mini-pref-display-text), .mini-comp-choice-shell .custom-choice-menu > summary, .mini-comp-choice-shell .custom-choice-menu > summary :is(strong,span,.mini-pref-display-text), .mini-control-choice-shell .custom-choice-menu > summary, .mini-control-choice-shell .custom-choice-menu > summary :is(strong,span,.mini-pref-display-text), .mini-pref-choice-shell .quick-choice-options > button, .mini-comp-choice-shell .quick-choice-options > button, .mini-control-choice-shell .quick-choice-options > button, .mini-control-option-toggle span, .mini-preset-auto-mood.is-expanded-control, .mini-preset-auto-mood.is-expanded-control em ):not(#sq-final-presets-global-type-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; } /* Presets dropdown current-row selector: keep typography, drop the filled selection backing. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-final-presets-no-selector-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] :is(.mini-pref-choice-shell,.mini-comp-choice-shell,.mini-control-choice-shell) .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-final-presets-no-selector-lock) { background: transparent !important; background-color: transparent !important; box-shadow: none !important; } /* Final Presets comp dropdown typography lock: summary and menu rows stay on the approved StreamQuote value type. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-comp-input .mini-comp-choice-shell :is( .custom-choice-menu > summary, .custom-choice-menu > summary strong, .custom-choice-menu > summary span, .quick-choice-options > button, .quick-choice-options > button :is(span,strong,b,em) ):not(#sq-final-presets-comp-font-lock) { font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-comp-input .mini-comp-choice-shell :is( .custom-choice-menu > summary, .custom-choice-menu > summary strong, .custom-choice-menu > summary span, .quick-choice-options > button ):not(#sq-final-presets-comp-font-lock) { color: #071523 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-control-comp-input .mini-comp-choice-shell :is( .custom-choice-menu > summary, .custom-choice-menu > summary strong, .custom-choice-menu > summary span, .quick-choice-options > button, .quick-choice-options > button :is(span,strong,b,em) ):not(#sq-final-presets-comp-font-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; } /* Mortgage Product/Term dropdown current-row selector: keep typography, remove filled active backing across all preset columns. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-final-product-term-no-selector-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-final-product-term-no-selector-lock) { background: transparent !important; background-color: transparent !important; box-shadow: none !important; } /* Universal open-dropdown current-row neutralizer: selected option should not keep a standing bar, only hover/focus may highlight. */ body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(:focus):not(:focus-visible):not(:focus-within):not(#sq-final-global-dropdown-no-selector-lock), html[data-theme="dark"] body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(:focus):not(:focus-visible):not(:focus-within):not(#sq-final-global-dropdown-no-selector-lock) { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } /* Universal open-dropdown row neutralizer: if any legacy class leaves a row marked, keep the fill off until that row is actually hovered/focused. */ body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:not(:hover):not(:focus):not(:focus-visible):not(:focus-within):not(#sq-final-global-dropdown-row-neutralizer), html[data-theme="dark"] body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:not(:hover):not(:focus):not(:focus-visible):not(:focus-within):not(#sq-final-global-dropdown-row-neutralizer) { background-image: none !important; box-shadow: none !important; } /* Calculators and Quote Preview lead panes: carry the approved StreamQuote family across the whole selected pane system. */ body[data-app-view="calculators"] .workspace .selected-lead-panel :is( .selected-lead-name-row h2, .selected-lead-name-row h2 a, .selected-lead-contact, .selected-lead-contact a, .selected-lead-source-slot, .detail-grid > .detail > span:first-child, .detail-grid > .quick-detail > span:first-child, .detail-grid .lead-panel-piggyback-split-labels span, .detail-grid .lead-panel-piggyback-ratio-mini > span:first-child, .lead-panel-status-card > .editor-section-summary > span:first-child, .lead-panel-controls-card > .editor-section-summary > span:first-child, .lead-panel-notes-card > .editor-section-summary > span:first-child, .lead-panel-log-card > .editor-section-summary > span:first-child, .lead-panel-status-pill, .lead-panel-status-pill span, .lead-panel-status-inline-tab, .lead-panel-status-log-preview-button, .lead-panel-log-preview, .lead-panel-notes-preview, .lead-panel-action-chip, .lead-panel-action-chip small, .lead-panel-control-icon, .lead-panel-control-icon small, .quick-detail input, .quick-detail select, .quick-choice-menu > summary, .quick-choice-menu > summary strong, .quick-choice-menu > summary span, .quick-choice-value-stack strong, .quick-choice-value-stack span, .selected-lead-field-value, .quick-detail-value, .lead-panel-readout-value, .lead-panel-piggyback-pair-row, .lead-panel-piggyback-ratio-mini input, .lead-panel-notes-card textarea, .lead-panel-notes-inline-input, .lead-panel-status-note-field input, .lead-panel-status-log-field button ):not(#sq-final-calculators-quote-pane-type-lock), body[data-app-view="quotePreview"] .workspace .selected-lead-panel :is( .selected-lead-name-row h2, .selected-lead-name-row h2 a, .selected-lead-contact, .selected-lead-contact a, .selected-lead-source-slot, .detail-grid > .detail > span:first-child, .detail-grid > .quick-detail > span:first-child, .detail-grid .lead-panel-piggyback-split-labels span, .detail-grid .lead-panel-piggyback-ratio-mini > span:first-child, .lead-panel-status-card > .editor-section-summary > span:first-child, .lead-panel-controls-card > .editor-section-summary > span:first-child, .lead-panel-notes-card > .editor-section-summary > span:first-child, .lead-panel-log-card > .editor-section-summary > span:first-child, .lead-panel-status-pill, .lead-panel-status-pill span, .lead-panel-status-inline-tab, .lead-panel-status-log-preview-button, .lead-panel-log-preview, .lead-panel-notes-preview, .lead-panel-action-chip, .lead-panel-action-chip small, .lead-panel-control-icon, .lead-panel-control-icon small, .quick-detail input, .quick-detail select, .quick-choice-menu > summary, .quick-choice-menu > summary strong, .quick-choice-menu > summary span, .quick-choice-value-stack strong, .quick-choice-value-stack span, .selected-lead-field-value, .quick-detail-value, .lead-panel-readout-value, .lead-panel-piggyback-pair-row, .lead-panel-piggyback-ratio-mini input, .lead-panel-notes-card textarea, .lead-panel-notes-inline-input, .lead-panel-status-note-field input, .lead-panel-status-log-field button ):not(#sq-final-calculators-quote-pane-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="calculators"] .workspace .selected-lead-panel :is( .detail-grid .quick-detail input, .detail-grid .quick-detail select, .detail-grid .quick-choice-menu > summary, .detail-grid .quick-choice-menu > summary strong, .detail-grid .quick-choice-menu > summary span, .detail-grid .quick-choice-value-stack strong, .detail-grid .quick-choice-value-stack span, .detail-grid .selected-lead-field-value, .detail-grid .quick-detail-value, .detail-grid .lead-panel-readout-value, .detail-grid .lead-panel-piggyback-pair-row, .detail-grid .lead-panel-piggyback-ratio-mini input ):not(#sq-final-calculators-quote-pane-value-lock), body[data-app-view="quotePreview"] .workspace .selected-lead-panel :is( .detail-grid .quick-detail input, .detail-grid .quick-detail select, .detail-grid .quick-choice-menu > summary, .detail-grid .quick-choice-menu > summary strong, .detail-grid .quick-choice-menu > summary span, .detail-grid .quick-choice-value-stack strong, .detail-grid .quick-choice-value-stack span, .detail-grid .selected-lead-field-value, .detail-grid .quick-detail-value, .detail-grid .lead-panel-readout-value, .detail-grid .lead-panel-piggyback-pair-row, .detail-grid .lead-panel-piggyback-ratio-mini input ):not(#sq-final-calculators-quote-pane-value-lock) { font-size: 15px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; line-height: 1.1 !important; } body[data-app-view="calculators"] .workspace .selected-lead-panel :is( .detail-grid > .detail > span:first-child, .detail-grid > .quick-detail > span:first-child, .detail-grid .lead-panel-piggyback-split-labels span, .detail-grid .lead-panel-piggyback-ratio-mini > span:first-child ):not(#sq-final-calculators-quote-pane-caption-lock), body[data-app-view="quotePreview"] .workspace .selected-lead-panel :is( .detail-grid > .detail > span:first-child, .detail-grid > .quick-detail > span:first-child, .detail-grid .lead-panel-piggyback-split-labels span, .detail-grid .lead-panel-piggyback-ratio-mini > span:first-child ):not(#sq-final-calculators-quote-pane-caption-lock) { font-size: 14px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; } html[data-theme="dark"] body[data-app-view="calculators"] .workspace .selected-lead-panel :is( .selected-lead-name-row h2, .selected-lead-name-row h2 a, .selected-lead-contact, .selected-lead-contact a, .detail-grid .quick-detail input, .detail-grid .quick-detail select, .detail-grid .quick-choice-menu > summary, .detail-grid .quick-choice-menu > summary strong, .detail-grid .quick-choice-menu > summary span, .detail-grid .quick-choice-value-stack strong, .detail-grid .quick-choice-value-stack span, .detail-grid .selected-lead-field-value, .detail-grid .quick-detail-value, .detail-grid .lead-panel-readout-value, .detail-grid .lead-panel-piggyback-pair-row, .detail-grid .lead-panel-piggyback-ratio-mini input, .lead-panel-status-pill, .lead-panel-status-pill span, .lead-panel-status-inline-tab, .lead-panel-status-log-preview-button, .lead-panel-log-preview, .lead-panel-notes-preview, .lead-panel-action-chip, .lead-panel-action-chip small, .lead-panel-control-icon, .lead-panel-control-icon small ):not(#sq-final-calculators-quote-pane-dark-readable-lock), html[data-theme="dark"] body[data-app-view="quotePreview"] .workspace .selected-lead-panel :is( .selected-lead-name-row h2, .selected-lead-name-row h2 a, .selected-lead-contact, .selected-lead-contact a, .detail-grid .quick-detail input, .detail-grid .quick-detail select, .detail-grid .quick-choice-menu > summary, .detail-grid .quick-choice-menu > summary strong, .detail-grid .quick-choice-menu > summary span, .detail-grid .quick-choice-value-stack strong, .detail-grid .quick-choice-value-stack span, .detail-grid .selected-lead-field-value, .detail-grid .quick-detail-value, .detail-grid .lead-panel-readout-value, .detail-grid .lead-panel-piggyback-pair-row, .detail-grid .lead-panel-piggyback-ratio-mini input, .lead-panel-status-pill, .lead-panel-status-pill span, .lead-panel-status-inline-tab, .lead-panel-status-log-preview-button, .lead-panel-log-preview, .lead-panel-notes-preview, .lead-panel-action-chip, .lead-panel-action-chip small, .lead-panel-control-icon, .lead-panel-control-icon small ):not(#sq-final-calculators-quote-pane-dark-readable-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; } /* Dark lead-pane status selectors: use the neutral Quote Preview / Calculators card treatment everywhere, with heavy StreamQuote type preserved on the selected option. */ html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice:not(#sq-final-unified-dark-status-selector-lock), html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-card:not([open]) .lead-panel-status-pill:not(#sq-final-unified-dark-status-selector-lock) { background: #101922 !important; background-color: #101922 !important; background-image: none !important; border-color: color-mix(in srgb, currentColor 40%, #445260) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1) !important; } html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice:not(#sq-final-unified-dark-status-selector-lock) :is(span,input), html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-card:not([open]) .lead-panel-status-pill:not(#sq-final-unified-dark-status-selector-lock), html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-card:not([open]) .lead-panel-status-pill span:not(#sq-final-unified-dark-status-selector-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.is-selected:not(#sq-final-unified-dark-status-selector-lock), html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice:is(:hover,:focus,:focus-visible):not(#sq-final-unified-dark-status-selector-lock) { background: color-mix(in srgb, #163149 58%, #101922) !important; background-color: color-mix(in srgb, #163149 58%, #101922) !important; border-color: #74c6ff !important; box-shadow: inset 0 0 0 1px rgba(116,198,255,.28) !important; } html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.is-selected:not(#sq-final-unified-dark-status-selector-lock) :is(span,input), html[data-theme="dark"] body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice:is(:hover,:focus,:focus-visible):not(#sq-final-unified-dark-status-selector-lock) :is(span,input) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; } /* Quote Preview and Calculators selected lead-pane dropdowns: match the final Leads menu row typography, including the current row. */ body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:not(#sq-final-calculator-preview-dropdown-type-lock), body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-calculator-preview-dropdown-type-lock), body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button :is(span,strong,b,em):not(#sq-final-calculator-preview-dropdown-type-lock), body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible) :is(span,strong,b,em):not(#sq-final-calculator-preview-dropdown-type-lock) { font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-final-calculator-preview-dropdown-type-lock), body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]) :is(span,strong,b,em):not(#sq-final-calculator-preview-dropdown-type-lock) { color: #071523 !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:not(#sq-final-calculator-preview-dropdown-type-lock), html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-calculator-preview-dropdown-type-lock), html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button :is(span,strong,b,em):not(#sq-final-calculator-preview-dropdown-type-lock), html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible) :is(span,strong,b,em):not(#sq-final-calculator-preview-dropdown-type-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; } /* True final dropdown selected-row behavior: the chosen option keeps the approved heavy type, but never keeps a standing fill unless the pointer is actually over it. */ body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(#sq-true-final-dropdown-selected-row-lock), html[data-theme="dark"] body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(#sq-true-final-dropdown-selected-row-lock) { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-true-final-dropdown-selected-row-lock), body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]) :is(span,strong,b,em):not(#sq-true-final-dropdown-selected-row-lock) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-true-final-dropdown-selected-row-lock), html[data-theme="dark"] body :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]) :is(span,strong,b,em):not(#sq-true-final-dropdown-selected-row-lock) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; } /* Light selected lead-pane Status body: Quote Preview and Calculators match the approved Leads pastel treatment. */ html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice:not(#sq-final-light-status-pane-pastel-lock) { background-image: none !important; border: 1px solid color-mix(in srgb, currentColor 28%, #d8e6f2) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important; color: #102033 !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice :is(span,input):not(#sq-final-light-status-pane-pastel-lock) { -webkit-text-fill-color: currentColor !important; color: inherit !important; font-family: var(--sq-font-family) !important; font-size: 12px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.needs-review:not(#sq-final-light-status-pane-pastel-lock), html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.hot:not(#sq-final-light-status-pane-pastel-lock) { background: #fff8df !important; background-color: #fff8df !important; border-color: #f2c44f !important; color: #7a5200 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.quote-ready:not(#sq-final-light-status-pane-pastel-lock), html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.appointment:not(#sq-final-light-status-pane-pastel-lock), html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.funded:not(#sq-final-light-status-pane-pastel-lock), html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.green:not(#sq-final-light-status-pane-pastel-lock) { background: #e3f4ea !important; background-color: #e3f4ea !important; border-color: #8fd8ad !important; color: #0d5f2f !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.sent:not(#sq-final-light-status-pane-pastel-lock), html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.working:not(#sq-final-light-status-pane-pastel-lock), html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.blue:not(#sq-final-light-status-pane-pastel-lock) { background: #e6edf8 !important; background-color: #e6edf8 !important; border-color: #9fc2ee !important; color: #234f8f !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.app-taken:not(#sq-final-light-status-pane-pastel-lock) { background: #eef1ff !important; background-color: #eef1ff !important; border-color: #b8c4ff !important; color: #344082 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.opt-out-text:not(#sq-final-light-status-pane-pastel-lock), html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.credit-repair:not(#sq-final-light-status-pane-pastel-lock) { background: #f1eafd !important; background-color: #f1eafd !important; border-color: #d6bef7 !important; color: #594078 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.seasoning:not(#sq-final-light-status-pane-pastel-lock) { background: #f6efdf !important; background-color: #f6efdf !important; border-color: #dfc48c !important; color: #735220 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.long-term:not(#sq-final-light-status-pane-pastel-lock) { background: #eef3e8 !important; background-color: #eef3e8 !important; border-color: #c4d7b1 !important; color: #405d2c !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.not-interested:not(#sq-final-light-status-pane-pastel-lock) { background: #f4edf0 !important; background-color: #f4edf0 !important; border-color: #dfb9c4 !important; color: #6f3b4b !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.not-eligible:not(#sq-final-light-status-pane-pastel-lock) { background: #f1f2f4 !important; background-color: #f1f2f4 !important; border-color: #cdd3da !important; color: #4d5662 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-body .status-choice.is-selected:not(#sq-final-light-status-pane-pastel-lock) { box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 0 0 1px color-mix(in srgb, currentColor 20%, transparent) !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-card[open] .lead-panel-readiness-status:not(#sq-final-light-status-pane-pastel-lock), html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-quick-status-panel .lead-panel-readiness-status:not(#sq-final-light-status-pane-pastel-lock) { background: #e3f4ea !important; background-color: #e3f4ea !important; border-color: #8fd8ad !important; color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-panel-status-card[open] .lead-panel-readiness-status :is(strong,.meta,li,span):not(#sq-final-light-status-pane-pastel-lock), html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .lead-quick-status-panel .lead-panel-readiness-status :is(strong,.meta,li,span):not(#sq-final-light-status-pane-pastel-lock) { -webkit-text-fill-color: inherit !important; color: inherit !important; } /* Main Leads selected-pane contact block: match the approved alternate-pane StreamQuote family in every theme. */ body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact, body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact :is(a,span,strong,.phone-link,.inline-link,.name-link,.borrower-email-link,.selected-lead-address-link), body[data-app-view="leads"] .workspace .selected-lead-panel .selected-lead-contact .selected-lead-address-link :is(span,strong) { font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.18 !important; text-shadow: none !important; text-transform: none !important; } /* Selected-pane second-mortgage toggle: use the same StreamQuote family and weight. */ body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-panel-second-structure-toggle, body :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-panel-second-structure-toggle span { font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } /* Leads selected pane values: Loan Purpose / Occupancy summaries and FICO/LTV/CLTV boxes stay on the approved heavy type. */ body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is( .quick-detail input, .quick-detail select, .quick-choice-menu > summary, .quick-choice-menu > summary strong, .quick-choice-menu > summary span, .quick-choice-value-stack strong, .quick-choice-value-stack span, .selected-lead-field-value, .quick-detail-value, .lead-panel-readout-value, .lead-panel-piggyback-pair-row, .lead-panel-piggyback-ratio-mini input ):not(#sq-final-leads-selected-pane-value-type-lock) { font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } /* Dark Quote Preview / Calculators risk boxes: kill the light backfill and keep tier color only in the border. */ html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):is(.scenario-fico-safe,.scenario-ltv-safe,.scenario-fico-caution,.scenario-ltv-caution,.scenario-fico-alert,.scenario-ltv-alert), html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):has(:is(.scenario-fico-safe,.scenario-ltv-safe,.scenario-fico-caution,.scenario-ltv-caution,.scenario-fico-alert,.scenario-ltv-alert)) { background: var(--workspace-field-card-fill, #13212d) !important; background-color: var(--workspace-field-card-fill, #13212d) !important; color: #edf5fb !important; color-scheme: dark !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):is(.scenario-fico-safe,.scenario-ltv-safe,.scenario-fico-caution,.scenario-ltv-caution,.scenario-fico-alert,.scenario-ltv-alert) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input,.lead-panel-piggyback-pair-row input):not(:focus), html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):has(:is(.scenario-fico-safe,.scenario-ltv-safe,.scenario-fico-caution,.scenario-ltv-caution,.scenario-fico-alert,.scenario-ltv-alert)) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input,.lead-panel-piggyback-pair-row input):not(:focus) { background: #071019 !important; background-color: #071019 !important; color: #edf5fb !important; color-scheme: dark !important; text-shadow: none !important; -webkit-text-fill-color: #edf5fb !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):is(.scenario-fico-safe,.scenario-ltv-safe) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input,.lead-panel-piggyback-pair-row input):not(:focus) { border-color: #45d78f !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(69,215,143,.22) !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):is(.scenario-fico-caution,.scenario-ltv-caution) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input,.lead-panel-piggyback-pair-row input):not(:focus) { border-color: #ffd166 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,209,102,.24) !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .detail-grid :is(.quick-detail,.lead-panel-piggyback-ratio-mini,.lead-panel-piggyback-pair-row):is(.scenario-fico-alert,.scenario-ltv-alert) :is(input,select,.quick-choice-menu > summary,.quick-choice-menu strong,.quick-choice-value-stack span,.lead-panel-piggyback-ratio-mini input,.lead-panel-piggyback-pair-row input):not(:focus) { border-color: #ff7a8a !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,122,138,.24) !important; } /* Dark collapsed mortgage tabs: final hover model matches the Payoff/Scenario Values white chip treatment. */ html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.quote-preview-shell,.calculator-window,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.quote-preview-shell,.calculator-window,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]):is(:hover,:focus-within) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.quote-preview-shell,.calculator-window,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible,:active) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border: 1px solid #d8e6f2 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; filter: none !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.quote-preview-shell,.calculator-window,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child :is(span,strong,b,em,small), html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.quote-preview-shell,.calculator-window,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]):is(:hover,:focus-within) > .mini-rate-snapshot-head > span:first-child :is(span,strong,b,em,small), html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.quote-preview-shell,.calculator-window,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible,:active) :is(span,strong,b,em,small) { -webkit-text-fill-color: #071523 !important; color: #071523 !important; text-shadow: none !important; } /* Property collapsed summary type shell: keep the displayed value and rows on the approved StreamQuote family everywhere in Leads. */ body[data-app-view="leads"] .property-summary-type-choice-shell :is( .custom-choice-menu > summary, .custom-choice-menu > summary strong, .custom-choice-menu > summary span, .quick-choice-options > button, .quick-choice-options > button :is(span,strong,b,em), .property-type-label-full, .property-type-label-short ):not(#sq-final-property-summary-type-family-lock) { font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } /* Quote Preview + Calculators controls pane: mirror the approved Leads collapsed/expanded control treatment. */ body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card { background: var(--sq-pane-card-bg) !important; border: 1px solid var(--sq-pane-card-border) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.58), 0 1px 2px rgba(16,24,32,.04) !important; margin-top: 10px !important; padding: 10px !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card > .lead-panel-controls-summary { gap: 10px !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child { background: var(--sq-pane-field-bg) !important; border: 1px solid var(--sq-pane-field-border) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 1px 2px rgba(16,24,32,.04) !important; color: var(--sq-pane-title) !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; min-height: 40px !important; padding: 8px 12px !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-body { border-top-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 22%, var(--line)) !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-summary-actions, body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-primary-actions, body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-tool-actions-grid { gap: 8px !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-control-icon { background: linear-gradient(180deg, color-mix(in srgb, #fff 88%, var(--paper)), color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 5%, #fff)) !important; border: 1px solid color-mix(in srgb, #cfe2ef 82%, var(--line)) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 1px 2px rgba(16,24,32,.045) !important; color: color-mix(in srgb, var(--ink) 86%, var(--primary)) !important; gap: 4px !important; min-height: 51px !important; padding: 7px 6px !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-control-icon svg { height: 17px !important; stroke-width: 1.9 !important; width: 17px !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-control-icon small { color: currentColor !important; font-family: var(--sq-font-family) !important; font-size: 10px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.05 !important; max-width: 100% !important; overflow: hidden !important; text-align: center !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: none !important; white-space: nowrap !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-control-icon.lead-panel-action-chip.quote { background: linear-gradient(180deg, #eef9ff, #e3f3fb) !important; border-color: #79bfe3 !important; color: var(--sq-side-pane-blue) !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-control-icon.lead-panel-action-chip.bonzo { background: linear-gradient(180deg, #fff4fb, #fdebf5) !important; border-color: color-mix(in srgb, #f233a6 40%, var(--line)) !important; color: var(--sq-side-pane-pink) !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-control-icon.lead-panel-action-chip.preview, body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-control-icon.import, body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-tool-actions-grid .lead-panel-control-icon:is([data-action="open-doc-checklist"],[data-action="open-mismo-launcher"]) { background: linear-gradient(180deg, #f8fbff, #edf6fb) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, var(--line)) !important; color: color-mix(in srgb, var(--primary) 82%, var(--ink)) !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-control-icon.is-active, body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-control-icon:is(:hover,:focus,:focus-visible) { border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 60%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 0 0 2px color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 15%, transparent) !important; outline: 0 !important; transform: none !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-control-icon.bonzo .bonzo-mark { background: #fff !important; box-shadow: 0 1px 2px rgba(16,24,32,.08) !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card { box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible,:active) { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82, 170, 231, .74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon,.lead-panel-action-chip.lead-panel-control-icon):not(.quote):not(.bonzo) { background: linear-gradient(180deg, color-mix(in srgb, #142737 88%, var(--paper)), color-mix(in srgb, #0c1620 92%, var(--paper))) !important; background-color: color-mix(in srgb, #0f1b25 88%, var(--paper)) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 42%, var(--line)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 1px 2px rgba(0,0,0,.18) !important; color: color-mix(in srgb, #ffffff 92%, var(--label-tab-accent, #8cc9ed)) !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon,.lead-panel-action-chip.lead-panel-control-icon):not(.quote):not(.bonzo) :is(svg,small) { color: currentColor !important; opacity: 1 !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon,.lead-panel-action-chip.lead-panel-control-icon):not(.quote):not(.bonzo):is(:hover,:focus,:focus-visible,.is-active) { background: linear-gradient(180deg, color-mix(in srgb, var(--accent) 24%, #102232), color-mix(in srgb, var(--primary) 16%, #0d1822)) !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 68%, var(--primary)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 0 2px color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 18%, transparent) !important; color: #ffffff !important; outline: 0 !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.lead-panel-action-chip.quote { background: linear-gradient(180deg, #eaf8ff, #d8effb) !important; border-color: #6dc4ef !important; color: #0077cc !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.lead-panel-action-chip.bonzo { background: linear-gradient(180deg, #fff2fb, #fde5f4) !important; border-color: color-mix(in srgb, #f233a6 54%, #ffffff) !important; color: #c0187e !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo) small { color: currentColor !important; font-weight: 850 !important; opacity: 1 !important; } /* Mortgage Presets Product/Term dropdowns: final dark menu lock with approved StreamQuote value typography. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary :is(strong,span) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options { background: #0b1620 !important; background-color: #0b1620 !important; border: 1px solid color-mix(in srgb, #8cc9ed 42%, #223244) !important; border-radius: 8px !important; box-shadow: 0 18px 36px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(span,strong,b,em) { -webkit-text-fill-color: #f6fbff !important; background: transparent !important; background-color: transparent !important; color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(:focus):not(:focus-visible) { background: transparent !important; background-color: transparent !important; box-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button:is(:hover,:focus,:focus-visible), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .pricing-presets-drawer[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):is(:hover,:focus,:focus-visible) { background: color-mix(in srgb, var(--accent) 18%, #162434) !important; background-color: color-mix(in srgb, var(--accent) 18%, #162434) !important; color: #f6fbff !important; } /* Leads table rows: match the Pipeline row type system explicitly. */ body[data-app-view="leads"] .workspace .lead-table tbody td, body[data-app-view="leads"] .workspace .lead-table tbody td :is(span,strong,a,button,small), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table tbody td, html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table tbody td :is(span,strong,a,button,small) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-table-cell-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-table-cell-weight) !important; font-weight: var(--sq-font-table-cell-weight) !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .lead-table .borrower-name-line, body[data-app-view="leads"] .workspace .lead-table .borrower-name-line :is(.name-link,.lead-row-borrower-edit), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-name-line, html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-name-line :is(.name-link,.lead-row-borrower-edit) { font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace .lead-table :is(.borrower-subline,.borrower-subline .lead-row-borrower-edit,.borrower-subline .phone-link,.borrower-cell .inline-link,.borrower-cell .phone-link,.borrower-cell .borrower-email-link), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table :is(.borrower-subline,.borrower-subline .lead-row-borrower-edit,.borrower-subline .phone-link,.borrower-cell .inline-link,.borrower-cell .phone-link,.borrower-cell .borrower-email-link) { font-family: var(--sq-font-family) !important; font-size: var(--sq-font-table-contact-size) !important; font-style: normal !important; font-variation-settings: "wght" var(--sq-font-table-contact-weight) !important; font-weight: var(--sq-font-table-contact-weight) !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } /* Final property-type dropdown lock: both property selector variants keep the approved heavy StreamQuote value typography. */ body[data-app-view="leads"] .workspace :is(.property-summary-type-choice-shell,.editor-choice-shell:has([name="propertyType"])) :is( .custom-choice-menu > summary, .custom-choice-menu > summary :is(strong,span,b,em,small), .quick-choice-options > button, .quick-choice-options > button :is(strong,span,b,em,small), .property-type-label-full, .property-type-label-short ):not(#sq-final-property-type-variant-family-lock) { font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.property-summary-type-choice-shell,.editor-choice-shell:has([name="propertyType"])) :is( .custom-choice-menu > summary, .custom-choice-menu > summary :is(strong,span,b,em,small), .quick-choice-options > button, .quick-choice-options > button :is(strong,span,b,em,small), .property-type-label-full, .property-type-label-short ):not(#sq-final-property-type-variant-family-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* Quote Preview + Calculators Email/Bonzo chips: use the same badge and label proportions as the approved Leads controls window. */ body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.lead-panel-primary-actions,.lead-panel-summary-actions,.lead-panel-tool-actions-grid) .lead-panel-control-icon:is(.quote,.bonzo) { gap: 3px !important; min-height: 52px !important; padding: 5px 5px 6px !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.lead-panel-primary-actions,.lead-panel-summary-actions,.lead-panel-tool-actions-grid) .lead-panel-control-icon.quote svg { height: 18px !important; width: 18px !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.lead-panel-primary-actions,.lead-panel-summary-actions,.lead-panel-tool-actions-grid) .lead-panel-control-icon.bonzo .bonzo-mark { background: #fff !important; box-shadow: 0 1px 2px rgba(16,24,32,.08) !important; height: 20px !important; width: 20px !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.lead-panel-primary-actions,.lead-panel-summary-actions,.lead-panel-tool-actions-grid) .lead-panel-control-icon.bonzo .bonzo-mark img { height: 15px !important; width: 15px !important; } body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.lead-panel-primary-actions,.lead-panel-summary-actions,.lead-panel-tool-actions-grid) .lead-panel-control-icon:is(.quote,.bonzo) small { color: currentColor !important; font-family: var(--sq-font-family) !important; font-size: 9.2px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: .025em !important; line-height: 1.02 !important; max-width: 100% !important; opacity: 1 !important; overflow: hidden !important; text-align: center !important; text-overflow: ellipsis !important; text-shadow: none !important; text-transform: uppercase !important; white-space: nowrap !important; } /* Leads selected pane Loan Purpose / Occupancy dropdowns: match the approved heavy dark menu treatment and only show a selector fill on true hover/focus. */ body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is( .quick-choice-detail:has(> span[data-editor-field="purpose"]), .quick-choice-detail:has(> span[data-editor-field="occupancy"]) ) .quick-choice-menu[open] .quick-choice-options { background: #0b1620 !important; background-color: #0b1620 !important; border: 1px solid color-mix(in srgb, #8cc9ed 42%, #223244) !important; border-radius: 8px !important; box-shadow: 0 18px 36px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08) !important; } body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is( .quick-choice-detail:has(> span[data-editor-field="purpose"]), .quick-choice-detail:has(> span[data-editor-field="occupancy"]) ) :is(.quick-choice-menu > summary,.quick-choice-menu > summary strong,.quick-choice-menu > summary span,.quick-choice-options > button,.quick-choice-options > button :is(span,strong,b,em)) { font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is( .quick-choice-detail:has(> span[data-editor-field="purpose"]), .quick-choice-detail:has(> span[data-editor-field="occupancy"]) ) .quick-choice-menu[open] .quick-choice-options > button, html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is( .quick-choice-detail:has(> span[data-editor-field="purpose"]), .quick-choice-detail:has(> span[data-editor-field="occupancy"]) ) .quick-choice-menu[open] .quick-choice-options > button :is(span,strong,b,em), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is( .quick-choice-detail:has(> span[data-editor-field="purpose"]), .quick-choice-detail:has(> span[data-editor-field="occupancy"]) ) :is(.quick-choice-menu > summary,.quick-choice-menu > summary strong,.quick-choice-menu > summary span) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is( .quick-choice-detail:has(> span[data-editor-field="purpose"]), .quick-choice-detail:has(> span[data-editor-field="occupancy"]) ) .quick-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(:focus):not(:focus-visible):not(:focus-within) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is( .quick-choice-detail:has(> span[data-editor-field="purpose"]), .quick-choice-detail:has(> span[data-editor-field="occupancy"]) ) .quick-choice-menu[open] .quick-choice-options > button:is(:hover,:focus,:focus-visible), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is( .quick-choice-detail:has(> span[data-editor-field="purpose"]), .quick-choice-detail:has(> span[data-editor-field="occupancy"]) ) .quick-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):is(:hover,:focus,:focus-visible) { background: color-mix(in srgb, #8cc9ed 22%, #173248) !important; background-color: color-mix(in srgb, #8cc9ed 22%, #173248) !important; border-color: color-mix(in srgb, #8cc9ed 64%, #2c4d67) !important; border-radius: 8px !important; box-shadow: inset 0 0 0 1px rgba(140,201,237,.14) !important; } /* Property Type dropdown: mirror the lead-pane behavior so the chosen row stays neutral until actual hover/focus. */ body[data-app-view="leads"] .workspace :is(.property-summary-type-choice-shell,.editor-choice-shell:has([name="propertyType"])) .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(:focus):not(:focus-visible):not(:focus-within) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.property-summary-type-choice-shell,.editor-choice-shell:has([name="propertyType"])) .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(:focus):not(:focus-visible):not(:focus-within) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } body[data-app-view="leads"] .workspace :is(.property-summary-type-choice-shell,.editor-choice-shell:has([name="propertyType"])) .quick-choice-options > button:is(:hover,:focus,:focus-visible), body[data-app-view="leads"] .workspace :is(.property-summary-type-choice-shell,.editor-choice-shell:has([name="propertyType"])) .quick-choice-options > button:is(.active,[aria-selected="true"]):is(:hover,:focus,:focus-visible) { border-radius: 8px !important; } /* Collapsed Presets chip: match the collapsed mortgage-tab family/weight, just slightly smaller. */ body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary .pricing-presets-title { font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; gap: 0 !important; letter-spacing: 0 !important; line-height: 1.08 !important; min-height: 36px !important; padding: 8px 14px !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary .pricing-presets-title { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82, 170, 231, .74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer):not([open]) > .pricing-presets-summary .pricing-presets-title:is(:hover,:focus,:focus-visible,:active) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; } /* Dark Quote Preview + Calculators Email/Bonzo controls: stay readable even when disabled/locked states are present. */ html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo), html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo):disabled, html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo).is-locked { opacity: 1 !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo) :is(svg,small,.bonzo-mark,.bonzo-mark img), html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo):disabled :is(svg,small,.bonzo-mark,.bonzo-mark img), html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo).is-locked :is(svg,small,.bonzo-mark,.bonzo-mark img) { opacity: 1 !important; filter: none !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.lead-panel-action-chip.quote :is(svg,small) { color: #0077cc !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card .lead-panel-control-icon.lead-panel-action-chip.bonzo small { color: #c0187e !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-summary-actions :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo), html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-summary-actions :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo):disabled, html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-summary-actions :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo).is-locked { opacity: 1 !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-summary-actions :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo) :is(svg,small,.bonzo-mark,.bonzo-mark img), html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-summary-actions :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo):disabled :is(svg,small,.bonzo-mark,.bonzo-mark img), html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-summary-actions :is(.lead-panel-control-icon.lead-panel-action-chip.quote,.lead-panel-control-icon.lead-panel-action-chip.bonzo).is-locked :is(svg,small,.bonzo-mark,.bonzo-mark img) { opacity: 1 !important; filter: none !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-summary-actions .lead-panel-control-icon.lead-panel-action-chip.quote :is(svg,small) { color: #0077cc !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-summary-actions .lead-panel-control-icon.lead-panel-action-chip.bonzo small { color: #c0187e !important; } html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible,:active) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.quote-preview-shell,.calculator-window,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.quote-preview-shell,.calculator-window,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]):is(:hover,:focus-within) > .mini-rate-snapshot-head > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.quote-preview-shell,.calculator-window,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible,:active) { -webkit-text-fill-color: #071523 !important; color: #071523 !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.quote-preview-shell,.calculator-window,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child :is(span,strong,b,em,small), html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.quote-preview-shell,.calculator-window,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]):is(:hover,:focus-within) > .mini-rate-snapshot-head > span:first-child :is(span,strong,b,em,small), html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.quote-preview-shell,.calculator-window,.mismo-standalone-mode) .mini-rate-snapshot-frame:is(.is-first,.is-second):not([open]) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible,:active) :is(span,strong,b,em,small) { -webkit-text-fill-color: #071523 !important; color: #071523 !important; } /* Quote Preview + Calculators light-mode selected dropdown row: keep the chosen option on the same heavy StreamQuote type before hover. */ body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(:focus):not(:focus-visible):not(:focus-within), body:is([data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace .selected-lead-panel :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(:focus):not(:focus-visible):not(:focus-within) :is(span,strong,b,em,small) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } /* Light Leads section tabs: Property, Scenario, 1st Mortgage, and 2nd Mortgage all use the same stable tab model with no hover-pop drift. */ html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child, html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child { -webkit-text-fill-color: #071523 !important; background: #f8fbff !important; background-color: #f8fbff !important; border: 1px solid color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, #d8e6f2) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.08) !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] )[open] > .editor-section-summary > span:first-child, html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible,:active), html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head > span:first-child, html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child, html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head > span:first-child:is(:hover,:focus,:focus-visible,:active) { -webkit-text-fill-color: #071523 !important; background: #f8fbff !important; background-color: #f8fbff !important; border-color: color-mix(in srgb, var(--label-tab-accent, #8cc9ed) 46%, #d8e6f2) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.08) !important; color: #071523 !important; color-scheme: light !important; transform: none !important; } /* Collapsed Property/Scenario rows: allow a little more height so the unified tab treatment has breathing room. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card.editor-property, [data-section-tab-scope="property"], [data-lead-editor-card="property"], .lead-scenario-fields, [data-section-tab-scope="loanScenario"], [data-lead-editor-card="loanScenario"] ):not([open]) > .editor-section-summary { min-height: calc(var(--lead-card-header-pill-height) + 8px) !important; } /* Light expanded Property + Scenario field values: match the approved heavy black StreamQuote value typography. */ html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( [data-lead-editor-card="property"], .lead-top-collapsible-card.editor-property, [data-lead-editor-card="loanScenario"], .lead-scenario-fields )[open] :is( input:not([type="checkbox"]):not([type="radio"]), select, textarea, .custom-choice-menu > summary, .custom-choice-menu > summary :is(strong,span,b,em,small), .editor-choice-shell .custom-choice-menu > summary, .editor-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), .scenario-balance-input-wrap .scenario-balance-inline-toggle > span, .zillow-field-wrap input ) { -webkit-text-fill-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( [data-lead-editor-card="property"], .lead-top-collapsible-card.editor-property, [data-lead-editor-card="loanScenario"], .lead-scenario-fields )[open] :is(.editor-choice-shell,.custom-choice-menu)[open] .quick-choice-options > button, html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( [data-lead-editor-card="property"], .lead-top-collapsible-card.editor-property, [data-lead-editor-card="loanScenario"], .lead-scenario-fields )[open] :is(.editor-choice-shell,.custom-choice-menu)[open] .quick-choice-options > button :is(strong,span,b,em,small) { -webkit-text-fill-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } /* Dark Leads Property + Scenario tabs: use the same stable mortgage-tab UI model in both collapsed and expanded states. */ html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card.editor-property, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82, 170, 231, .74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } /* Absolute loan action button type lock: beat older staged locks on Formal and Roll Costs. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .calculator-window, .quote-preview-shell ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-loan-amount-actions :is( .mini-formal-loan-toggle, .mini-roll-loan-toggle ):not(#sq-absolute-loan-action-button-type-lock):not(#sq-absolute-loan-action-button-type-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .calculator-window, .quote-preview-shell ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-loan-amount-actions :is( .mini-formal-loan-toggle, .mini-roll-loan-toggle ):not(#sq-absolute-loan-action-button-type-lock):not(#sq-absolute-loan-action-button-type-lock-2) { font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 38px !important; min-width: 92px !important; padding: 9px 15px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } /* Absolute mortgage output typography lock: fee rows, rate grid, and lower drawers share the same StreamQuote weight system. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-price-option.mini-price-option .mini-quote-summary.mini-quote-summary .mini-rate-details, .mini-price-option.mini-price-option .mini-quote-summary.mini-quote-summary .mini-rate-details :is(span,b,strong,em,small), .mini-price-option.mini-price-option .mini-quote-summary.mini-quote-summary .mini-fee-itemization.mini-fee-itemization, .mini-price-option.mini-price-option .mini-quote-summary.mini-quote-summary .mini-fee-itemization.mini-fee-itemization :is(.mini-fee-itemization-row,summary,span,strong,input,b,em,small,button,.mini-fee-value,.quote-breakdown-row), .compact-rate-sheet.compact-rate-sheet :is(table,thead,tbody,tr,th,td,button,span,strong,b,em,.rate-link), .mini-cockpit-detail-stack .quote-breakdown-section, .mini-cockpit-detail-stack .quote-breakdown-section :is(summary,span,strong,b,em,small,label,input,button,.quote-breakdown-row), .mini-pricing-addons-drawer.mini-pricing-addons-drawer, .mini-pricing-addons-drawer.mini-pricing-addons-drawer :is(summary,span,strong,b,em,small,button,.eligibility-addon-row), .mini-eligibility-drawer.mini-eligibility-drawer, .mini-eligibility-drawer.mini-eligibility-drawer :is(summary,span,strong,b,em,small,button,.guideline-chip,.matrix-cell,.matrix-head,.matrix-axis,.eligibility-legend), .quote-breakdown-escrow-prepaids.quote-breakdown-escrow-prepaids, .quote-breakdown-escrow-prepaids.quote-breakdown-escrow-prepaids :is(summary,span,strong,b,em,small,label,input,button,.quote-breakdown-row) ):not(#sq-absolute-mortgage-output-type-lock):not(#sq-absolute-mortgage-output-type-lock-2) { font-family: var(--sq-font-family) !important; font-style: normal !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option.mini-price-option .mini-quote-summary.mini-quote-summary .mini-rate-details :is(span,b,em):not(#sq-absolute-mortgage-output-detail-label-lock):not(#sq-absolute-mortgage-output-detail-label-lock-2) { font-size: 15px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; line-height: 1.14 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option.mini-price-option .mini-quote-summary.mini-quote-summary .mini-rate-details :is(.mini-rate-detail-value,strong):not(#sq-absolute-mortgage-output-detail-value-lock):not(#sq-absolute-mortgage-output-detail-value-lock-2) { font-size: 15px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.14 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option.mini-price-option .mini-quote-summary.mini-quote-summary .mini-fee-itemization.mini-fee-itemization :is( .mini-fee-itemization-row > span, .mini-fee-itemization-row > .mini-row-label-with-toggle, .mini-fee-itemization-row > .mini-row-label-with-toggle :is(span,button), .mini-fee-itemization-row > summary > span, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span, .quote-breakdown-row > span ):not(#sq-absolute-mortgage-output-fee-label-lock):not(#sq-absolute-mortgage-output-fee-label-lock-2) { font-size: 14px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; line-height: 1.14 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option.mini-price-option .mini-quote-summary.mini-quote-summary .mini-fee-itemization.mini-fee-itemization :is( .mini-fee-itemization-row > strong, .mini-fee-itemization-row > input, .mini-fee-itemization-row > .mini-fee-value, .mini-fee-itemization-row > summary > strong, .mini-fee-itemization-row > summary > input, .mini-fee-itemization-row > summary > .mini-fee-value, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > strong, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > input, .quote-breakdown-row > strong, .quote-breakdown-row > input ):not(#sq-absolute-mortgage-output-fee-value-lock):not(#sq-absolute-mortgage-output-fee-value-lock-2) { font-size: 15px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.1 !important; text-align: right !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet.compact-rate-sheet :is(th):not(#sq-absolute-mortgage-output-rate-head-lock):not(#sq-absolute-mortgage-output-rate-head-lock-2) { font-size: 12px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; line-height: 1.08 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .compact-rate-sheet.compact-rate-sheet tbody :is(.rate-link,.rate-link span,.rate-link strong,.rate-link b,.rate-link em,.mini-rate-value,.mini-pts-value,.mini-cost-dollar-value,.mini-cost-value,.mini-payment-value,.mini-points-credit-stack b,.mini-points-credit-stack em):not(#sq-absolute-mortgage-output-rate-row-lock):not(#sq-absolute-mortgage-output-rate-row-lock-2) { font-size: 13.5px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; line-height: 1.12 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids) > summary :is(span,strong,b,em,.mini-addons-summary-title,.mini-addons-summary-value,.eligibility-window-mode):not(#sq-absolute-mortgage-output-drawer-summary-lock):not(#sq-absolute-mortgage-output-drawer-summary-lock-2) { font-size: 15px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.08 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids,.mini-cockpit-detail-stack .quote-breakdown-section) :is(.eligibility-subhead span,.eligibility-addon-row > span,.guideline-chip span,.matrix-head,.matrix-axis,.eligibility-legend em,.quote-breakdown-row span,.option-detail-escrow-grid label,.mini-addons-summary-product):not(#sq-absolute-mortgage-output-drawer-label-lock):not(#sq-absolute-mortgage-output-drawer-label-lock-2) { font-size: 13px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; line-height: 1.14 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids,.mini-cockpit-detail-stack .quote-breakdown-section) :is(.eligibility-subhead strong,.eligibility-addon-row > strong,.guideline-chip strong,.matrix-cell span,.eligibility-legend b,.quote-breakdown-row strong,.quote-breakdown-row input,.option-detail-escrow-grid input,.mini-addons-summary-value b):not(#sq-absolute-mortgage-output-drawer-value-lock):not(#sq-absolute-mortgage-output-drawer-value-lock-2) { font-size: 14px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.12 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-price-option .mini-quote-summary .mini-rate-details :is(span,b,em), .mini-price-option .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row > span, .mini-price-option .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row > summary > span, .mini-pricing-addons-drawer > summary span, .mini-eligibility-drawer > summary span, .quote-breakdown-escrow-prepaids > summary span, .mini-cockpit-detail-stack .quote-breakdown-section summary span ):not(#sq-absolute-mortgage-output-light-label-color-lock):not(#sq-absolute-mortgage-output-light-label-color-lock-2) { color: #0b70b7 !important; -webkit-text-fill-color: #0b70b7 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-price-option .mini-quote-summary .mini-rate-details .mini-rate-detail-value, .mini-price-option .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row > :is(strong,input,.mini-fee-value), .mini-price-option .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row > summary > :is(strong,input,.mini-fee-value), .mini-pricing-addons-drawer > summary strong, .mini-eligibility-drawer > summary strong, .quote-breakdown-escrow-prepaids > summary strong, .mini-cockpit-detail-stack .quote-breakdown-section summary strong ):not([data-mini-fee-tone="credit"]):not([data-mini-fee-tone="cost"]):not([data-mini-pricing-adjustment-value]):not(#sq-absolute-mortgage-output-light-value-color-lock):not(#sq-absolute-mortgage-output-light-value-color-lock-2) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-price-option .mini-quote-summary .mini-rate-details :is(span,b,em), .mini-price-option .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row > span, .mini-price-option .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row > summary > span, .mini-pricing-addons-drawer > summary span, .mini-eligibility-drawer > summary span, .quote-breakdown-escrow-prepaids > summary span, .mini-cockpit-detail-stack .quote-breakdown-section summary span ):not(#sq-absolute-mortgage-output-dark-label-color-lock):not(#sq-absolute-mortgage-output-dark-label-color-lock-2) { color: #9fd0ff !important; -webkit-text-fill-color: #9fd0ff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"])[data-app-view] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame.mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-price-option .mini-quote-summary .mini-rate-details .mini-rate-detail-value, .mini-price-option .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row > :is(strong,input,.mini-fee-value), .mini-price-option .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row > summary > :is(strong,input,.mini-fee-value), .mini-pricing-addons-drawer > summary strong, .mini-eligibility-drawer > summary strong, .quote-breakdown-escrow-prepaids > summary strong, .mini-cockpit-detail-stack .quote-breakdown-section summary strong ):not([data-mini-fee-tone="credit"]):not([data-mini-fee-tone="cost"]):not([data-mini-pricing-adjustment-value]):not(#sq-absolute-mortgage-output-dark-value-color-lock):not(#sq-absolute-mortgage-output-dark-value-color-lock-2) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* EOF rendered-path Property/Scenario hover lock: strongest pass after all historical tab rules. */ html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active) { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82,170,231,.74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; transition: none !important; } html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:is(:hover,:focus-visible,:active) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border: 1px solid #d8e6f2 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } /* EOF rendered-path Property/Scenario hover lock: strongest pass after all historical tab rules. */ html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active) { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82,170,231,.74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; transition: none !important; } html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:is(:hover,:focus-visible,:active) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border: 1px solid #d8e6f2 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } /* EOF rendered-path Property/Scenario hover lock: strongest pass after all historical tab rules. */ html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active) { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82,170,231,.74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; transition: none !important; } html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:is(:hover,:focus-visible,:active) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border: 1px solid #d8e6f2 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"] .workspace.workspace :is(.lead-expanded-workspace-frame.lead-expanded-workspace-frame,.lead-inline-detail-stack.lead-inline-detail-stack,.selected-lead-panel.selected-lead-panel,.lead-pane-inline-row.lead-pane-inline-row,.lead-rail-inline-block.lead-rail-inline-block,.lead-rail-inline-row.lead-rail-inline-row,.expanded-row.expanded-row) .lead-editor-grid.lead-editor-grid :is(.lead-top-collapsible-card.editor-property.editor-property,.lead-scenario-fields.lead-scenario-fields) > .editor-section-summary.editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active):not(#sq-rendered-dark-property-scenario-tab-rest-lock):not(#sq-rendered-dark-property-scenario-tab-rest-lock-2), html[data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-editor-grid.lead-editor-grid :is(.lead-top-collapsible-card.editor-property.editor-property,.lead-scenario-fields.lead-scenario-fields) > .editor-section-summary.editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active):not(#sq-rendered-dark-property-scenario-tab-rest-lock):not(#sq-rendered-dark-property-scenario-tab-rest-lock-2) { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82,170,231,.74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"] .workspace.workspace :is(.lead-expanded-workspace-frame.lead-expanded-workspace-frame,.lead-inline-detail-stack.lead-inline-detail-stack,.selected-lead-panel.selected-lead-panel,.lead-pane-inline-row.lead-pane-inline-row,.lead-rail-inline-block.lead-rail-inline-block,.lead-rail-inline-row.lead-rail-inline-row,.expanded-row.expanded-row) .lead-editor-grid.lead-editor-grid :is(.lead-top-collapsible-card.editor-property.editor-property,.lead-scenario-fields.lead-scenario-fields) > .editor-section-summary.editor-section-summary > span:first-child:is(:hover,:focus-visible,:active):not(#sq-rendered-dark-property-scenario-tab-direct-hover-lock):not(#sq-rendered-dark-property-scenario-tab-direct-hover-lock-2), html[data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-editor-grid.lead-editor-grid :is(.lead-top-collapsible-card.editor-property.editor-property,.lead-scenario-fields.lead-scenario-fields) > .editor-section-summary.editor-section-summary > span:first-child:is(:hover,:focus-visible,:active):not(#sq-rendered-dark-property-scenario-tab-direct-hover-lock):not(#sq-rendered-dark-property-scenario-tab-direct-hover-lock-2) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border: 1px solid #d8e6f2 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active) { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82,170,231,.74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; transition: none !important; } html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:is(:hover,:focus-visible,:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:is(:hover,:focus-visible,:active) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border: 1px solid #d8e6f2 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card.editor-property, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:is(:hover,:focus-visible,:active) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; transform: none !important; } /* Dark lead-pane FICO/LTV quick fields: absolute final lock against legacy safe-state backfill. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail:has(> input[data-quick-field="fico"]), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail:has(> input[data-quick-field="newLtv"]) { background: var(--workspace-field-card-fill, #13212d) !important; background-color: var(--workspace-field-card-fill, #13212d) !important; color: #edf5fb !important; color-scheme: dark !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail > input:is([data-quick-field="fico"],[data-quick-field="newLtv"]), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail > input:is([data-quick-field="fico"],[data-quick-field="newLtv"]):is(:hover,:focus,:focus-visible,:active), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail > input:is([data-quick-field="fico"],[data-quick-field="newLtv"]):-webkit-autofill, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail > input:is([data-quick-field="fico"],[data-quick-field="newLtv"]):-webkit-autofill:hover, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail > input:is([data-quick-field="fico"],[data-quick-field="newLtv"]):-webkit-autofill:focus { -webkit-text-fill-color: #edf5fb !important; background: #071019 !important; background-clip: padding-box !important; background-color: #071019 !important; box-shadow: inset 0 0 0 999px #071019, inset 0 1px 0 rgba(255,255,255,.06) !important; caret-color: #edf5fb !important; color: #edf5fb !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail.scenario-fico-safe > input[data-quick-field="fico"], html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail.scenario-ltv-safe > input[data-quick-field="newLtv"] { border-color: #45d78f !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail.scenario-fico-caution > input[data-quick-field="fico"], html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail.scenario-ltv-caution > input[data-quick-field="newLtv"] { border-color: #ffd166 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail.scenario-fico-alert > input[data-quick-field="fico"], html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid > .quick-detail.scenario-ltv-alert > input[data-quick-field="newLtv"] { border-color: #ff7a8a !important; } /* Light mortgage controls: unify Product, Term, Loan Amount, dropdown rows, and Compensation to the approved StreamQuote/1003 type system. */ html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls label > span:first-child, .mini-product-controls .mini-term-label-row > span:first-child, .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span, .mini-fee-strip > .mini-second-loan-amount-tile > span:first-child ) { color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 12px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary, .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), .mini-product-controls .mini-static-control, .mini-product-controls select, .mini-fee-strip > .mini-fee-tile-loan > strong, .mini-fee-strip > .mini-fee-tile-loan > input, .mini-fee-strip > .mini-second-loan-amount-tile > strong, .mini-fee-strip > .mini-second-loan-amount-tile > input ) { -webkit-text-fill-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button, html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small) { -webkit-text-fill-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-heading, html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp .mini-comp-label { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: uppercase !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp :is(.mini-comp-values > strong,.mini-comp-percent-input,.mini-comp-values > b) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } /* Dark collapsed Property + Scenario summary values: match the approved heavy StreamQuote tab/value typography. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid :is( .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button :is(strong,span,b,em,small), .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell :is(.property-type-label-full,.property-type-label-short), .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-input, .lead-top-collapsible-card.editor-property:not([open]) .property-summary-county-input, .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu > summary, .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .quick-choice-options > button, .lead-scenario-fields:not([open]) .scenario-purpose-summary-wrap .scenario-purpose-summary-choice-shell .quick-choice-options > button :is(strong,span,b,em,small), .lead-scenario-fields:not([open]) .scenario-collapsed-fact > strong, .lead-scenario-fields:not([open]) .scenario-collapsed-fact > input ) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid :is( .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span, .lead-scenario-fields:not([open]) .scenario-collapsed-fact > span ) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } /* Global leads typography pass: table rows, Lead View panel, selected lead pane, and Settings branding should all use the approved StreamQuote family. */ body[data-app-view="leads"] .workspace .lead-table tbody td:not(#sq-leads-final-family-pass), body[data-app-view="leads"] .workspace .lead-table tbody td :is(span,strong,a,button,small):not(#sq-leads-final-family-pass), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table tbody td:not(#sq-leads-final-family-pass), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table tbody td :is(span,strong,a,button,small):not(#sq-leads-final-family-pass) { font-family: var(--sq-font-family) !important; font-size: 13.5px !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; line-height: 1.16 !important; text-shadow: none !important; } body[data-app-view="leads"] .workspace .lead-table .borrower-name-line:not(#sq-leads-final-family-pass), body[data-app-view="leads"] .workspace .lead-table .borrower-name-line :is(.name-link,.lead-row-borrower-edit,strong):not(#sq-leads-final-family-pass), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-name-line:not(#sq-leads-final-family-pass), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table .borrower-name-line :is(.name-link,.lead-row-borrower-edit,strong):not(#sq-leads-final-family-pass) { font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; } body[data-app-view="leads"] .workspace .lead-table :is(.borrower-subline,.borrower-subline .lead-row-borrower-edit,.borrower-subline .phone-link,.borrower-subline .borrower-email-link,.borrower-subline .inline-link,.borrower-cell .meta,.borrower-cell .phone-link,.borrower-cell .borrower-email-link,.borrower-cell .inline-link):not(#sq-leads-final-family-pass), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-table :is(.borrower-subline,.borrower-subline .lead-row-borrower-edit,.borrower-subline .phone-link,.borrower-subline .borrower-email-link,.borrower-subline .inline-link,.borrower-cell .meta,.borrower-cell .phone-link,.borrower-cell .borrower-email-link,.borrower-cell .inline-link):not(#sq-leads-final-family-pass) { font-family: var(--sq-font-family) !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.18 !important; text-shadow: none !important; } body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) :is(.panel-head h2,.filter-section > h3,.visible-columns-section > h3,.saved-view-card strong,.filter-section-toggle,.setup-section-toggle .control-framed-label,.column-toggle,.column-toggle-button,.column-chip-label,.lead-layout-lock-button,.icon-btn), html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) :is(.panel-head h2,.filter-section > h3,.visible-columns-section > h3,.saved-view-card strong,.filter-section-toggle,.setup-section-toggle .control-framed-label,.column-toggle,.column-toggle-button,.column-chip-label,.lead-layout-lock-button,.icon-btn) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) .panel-head h2, html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) .panel-head h2 { font-size: 18px !important; line-height: 1.05 !important; } body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) .saved-view-card strong, body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) .column-toggle, body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) .column-toggle-button, body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) .column-chip-label, html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) .saved-view-card strong, html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) .column-toggle, html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) .column-toggle-button, html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) .column-chip-label { font-size: 13.5px !important; line-height: 1.15 !important; } body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) :is(.saved-view-card span,.section-intro,.visible-columns-section .meta,.filter-section .meta,.panel-head .meta,.column-helper-copy), html[data-theme="dark"] body[data-app-view="leads"] :is(.lead-filters-panel,.lead-filter-drawer,.lead-layout-panel,.lead-view-panel,.setup-panel,.modal,.popover) :is(.saved-view-card span,.section-intro,.visible-columns-section .meta,.filter-section .meta,.panel-head .meta,.column-helper-copy) { font-family: var(--sq-font-family) !important; font-size: 12.5px !important; font-style: normal !important; font-variation-settings: "wght" 780 !important; font-weight: 780 !important; letter-spacing: 0 !important; line-height: 1.3 !important; text-shadow: none !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.detail-grid .quick-detail > span,.detail-grid .quick-detail > strong,.detail-grid .quick-detail > input,.detail-grid .quick-detail .custom-choice-menu > summary,.detail-grid .quick-detail .custom-choice-menu > summary :is(strong,span,b,em,small),.detail-grid .quick-detail .quick-choice-options > button,.detail-grid .quick-detail .quick-choice-options > button :is(strong,span,b,em,small),.selected-lead-contact-card .selected-lead-borrower,.selected-lead-contact-card .selected-lead-phone,.selected-lead-contact-card .selected-lead-address,.selected-lead-contact-card .selected-lead-email,.lead-status-matrix button,.lead-note-log-shell button,.lead-note-log-shell input,.lead-note-log-shell .lead-log-entry,.lead-control-cluster button,.lead-control-cluster .control-chip,.lead-control-cluster .quick-action-btn), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.detail-grid .quick-detail > span,.detail-grid .quick-detail > strong,.detail-grid .quick-detail > input,.detail-grid .quick-detail .custom-choice-menu > summary,.detail-grid .quick-detail .custom-choice-menu > summary :is(strong,span,b,em,small),.detail-grid .quick-detail .quick-choice-options > button,.detail-grid .quick-detail .quick-choice-options > button :is(strong,span,b,em,small),.selected-lead-contact-card .selected-lead-borrower,.selected-lead-contact-card .selected-lead-phone,.selected-lead-contact-card .selected-lead-address,.selected-lead-contact-card .selected-lead-email,.lead-status-matrix button,.lead-note-log-shell button,.lead-note-log-shell input,.lead-note-log-shell .lead-log-entry,.lead-control-cluster button,.lead-control-cluster .control-chip,.lead-control-cluster .quick-action-btn) { font-family: var(--sq-font-family) !important; font-style: normal !important; letter-spacing: 0 !important; text-shadow: none !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.detail-grid .quick-detail > span,.selected-lead-contact-card .selected-lead-phone,.selected-lead-contact-card .selected-lead-address,.selected-lead-contact-card .selected-lead-email), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.detail-grid .quick-detail > span,.selected-lead-contact-card .selected-lead-phone,.selected-lead-contact-card .selected-lead-address,.selected-lead-contact-card .selected-lead-email) { font-size: 12.5px !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; line-height: 1.2 !important; } body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.detail-grid .quick-detail > strong,.detail-grid .quick-detail > input,.detail-grid .quick-detail .custom-choice-menu > summary,.detail-grid .quick-detail .custom-choice-menu > summary :is(strong,span,b,em,small),.detail-grid .quick-detail .quick-choice-options > button,.detail-grid .quick-detail .quick-choice-options > button :is(strong,span,b,em,small),.selected-lead-contact-card .selected-lead-borrower,.lead-status-matrix button,.lead-note-log-shell button,.lead-note-log-shell input,.lead-note-log-shell .lead-log-entry,.lead-control-cluster button,.lead-control-cluster .control-chip,.lead-control-cluster .quick-action-btn), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.detail-grid .quick-detail > strong,.detail-grid .quick-detail > input,.detail-grid .quick-detail .custom-choice-menu > summary,.detail-grid .quick-detail .custom-choice-menu > summary :is(strong,span,b,em,small),.detail-grid .quick-detail .quick-choice-options > button,.detail-grid .quick-detail .quick-choice-options > button :is(strong,span,b,em,small),.selected-lead-contact-card .selected-lead-borrower,.lead-status-matrix button,.lead-note-log-shell button,.lead-note-log-shell input,.lead-note-log-shell .lead-log-entry,.lead-control-cluster button,.lead-control-cluster .control-chip,.lead-control-cluster .quick-action-btn) { font-size: 15px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; line-height: 1.1 !important; } body[data-app-view="settings"] .workspace :is(.settings-card,.settings-accordion,.billing-settings-card,.billing-settings-head,.account-license-card,.branding-profile-grid,.branding-links-grid,.branding-asset-grid,.settings-drawer-card) :is(h2,h3,h4,label,legend,button,input,textarea,select,.meta,p,span,strong,.settings-accordion-title,.settings-accordion-summary-copy,.settings-summary-status-item,.quote-status,.account-license-title-row,.verified-badge), html[data-theme="dark"] body[data-app-view="settings"] .workspace :is(.settings-card,.settings-accordion,.billing-settings-card,.billing-settings-head,.account-license-card,.branding-profile-grid,.branding-links-grid,.branding-asset-grid,.settings-drawer-card) :is(h2,h3,h4,label,legend,button,input,textarea,select,.meta,p,span,strong,.settings-accordion-title,.settings-accordion-summary-copy,.settings-summary-status-item,.quote-status,.account-license-title-row,.verified-badge) { font-family: var(--sq-font-family) !important; font-style: normal !important; letter-spacing: 0 !important; text-shadow: none !important; } body[data-app-view="settings"] .workspace :is(.settings-card,.settings-accordion,.billing-settings-card,.account-license-card,.branding-profile-grid,.branding-links-grid,.branding-asset-grid,.settings-drawer-card) :is(h2,h3,h4,.settings-accordion-title,strong,button,.verified-badge), html[data-theme="dark"] body[data-app-view="settings"] .workspace :is(.settings-card,.settings-accordion,.billing-settings-card,.account-license-card,.branding-profile-grid,.branding-links-grid,.branding-asset-grid,.settings-drawer-card) :is(h2,h3,h4,.settings-accordion-title,strong,button,.verified-badge) { font-variation-settings: "wght" 900 !important; font-weight: 900 !important; } body[data-app-view="settings"] .workspace :is(.settings-card,.settings-accordion,.billing-settings-card,.account-license-card,.branding-profile-grid,.branding-links-grid,.branding-asset-grid,.settings-drawer-card) :is(label,legend,input,textarea,select,p,span,.meta,.settings-accordion-summary-copy,.settings-summary-status-item,.quote-status), html[data-theme="dark"] body[data-app-view="settings"] .workspace :is(.settings-card,.settings-accordion,.billing-settings-card,.account-license-card,.branding-profile-grid,.branding-links-grid,.branding-asset-grid,.settings-drawer-card) :is(label,legend,input,textarea,select,p,span,.meta,.settings-accordion-summary-copy,.settings-summary-status-item,.quote-status) { font-variation-settings: "wght" 800 !important; font-weight: 800 !important; } /* Light-mode field value lock: Property, Scenario, and lead pane text boxes/dropdowns must use the same heavy StreamQuote family as the accepted 1003 baseline. */ html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is( .lead-top-collapsible-card.editor-property[open] input, .lead-top-collapsible-card.editor-property[open] select, .lead-top-collapsible-card.editor-property[open] textarea, .lead-top-collapsible-card.editor-property[open] .custom-choice-menu > summary, .lead-top-collapsible-card.editor-property[open] .custom-choice-menu > summary :is(strong,span,b,em,small), .lead-top-collapsible-card.editor-property[open] .quick-choice-options > button, .lead-top-collapsible-card.editor-property[open] .quick-choice-options > button :is(strong,span,b,em,small), .lead-scenario-fields[open] input, .lead-scenario-fields[open] select, .lead-scenario-fields[open] textarea, .lead-scenario-fields[open] .custom-choice-menu > summary, .lead-scenario-fields[open] .custom-choice-menu > summary :is(strong,span,b,em,small), .lead-scenario-fields[open] .quick-choice-options > button, .lead-scenario-fields[open] .quick-choice-options > button :is(strong,span,b,em,small), .selected-lead-panel .detail-grid .quick-detail > input, .selected-lead-panel .detail-grid .quick-detail > select, .selected-lead-panel .detail-grid .quick-detail .custom-choice-menu > summary, .selected-lead-panel .detail-grid .quick-detail .custom-choice-menu > summary :is(strong,span,b,em,small), .selected-lead-panel .detail-grid .quick-choice-options > button, .selected-lead-panel .detail-grid .quick-choice-options > button :is(strong,span,b,em,small), .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-mini input, .selected-lead-panel .detail-grid .lead-panel-piggyback-pair-row input, .selected-lead-panel .detail-grid .quick-detail-value, .selected-lead-panel .detail-grid .selected-lead-field-value, .selected-lead-panel .detail-grid .lead-panel-readout-value ) { -webkit-text-fill-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) :is( .lead-top-collapsible-card.editor-property[open] label, .lead-top-collapsible-card.editor-property[open] label > span:first-child, .lead-scenario-fields[open] label, .lead-scenario-fields[open] label > span:first-child, .selected-lead-panel .detail-grid .quick-detail > span ) { font-family: var(--sq-font-family) !important; font-size: 12.5px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.18 !important; text-shadow: none !important; text-transform: none !important; } /* Light-mode final value lock: hit the actual rendered Property, Scenario, and selected lead pane controls. */ html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.selected-lead-panel,.lead-quick-popover) :is( [data-lead-editor-card="property"][open] .address-field input, [data-lead-editor-card="property"][open] .property-location-grid input, [data-lead-editor-card="property"][open] .property-meta-grid input, [data-lead-editor-card="property"][open] .property-meta-grid select, [data-lead-editor-card="property"][open] .property-meta-grid textarea, [data-lead-editor-card="property"][open] .zillow-field-wrap input, [data-lead-editor-card="property"][open] .editor-choice-shell .custom-choice-menu > summary, [data-lead-editor-card="property"][open] .editor-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), [data-lead-editor-card="property"][open] .editor-choice-shell .quick-choice-options > button, [data-lead-editor-card="property"][open] .editor-choice-shell .quick-choice-options > button :is(strong,span,b,em,small), [data-lead-editor-card="loanScenario"][open] .lead-scenario-body input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), [data-lead-editor-card="loanScenario"][open] .lead-scenario-body select, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body textarea, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .scenario-balance-input-wrap input, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .zillow-field-wrap input, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .scenario-field-ratio-pair input, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .editor-choice-shell .custom-choice-menu > summary, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .editor-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .editor-choice-shell .quick-choice-options > button, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .editor-choice-shell .quick-choice-options > button :is(strong,span,b,em,small), .selected-lead-panel .detail-grid .quick-detail > input, .selected-lead-panel .detail-grid .quick-detail > select, .selected-lead-panel .detail-grid .quick-choice-detail .quick-choice-menu > summary, .selected-lead-panel .detail-grid .quick-choice-detail .quick-choice-menu > summary :is(strong,span,b,em,small), .selected-lead-panel .detail-grid .quick-choice-detail .quick-choice-options > button, .selected-lead-panel .detail-grid .quick-choice-detail .quick-choice-options > button :is(strong,span,b,em,small), .selected-lead-panel .detail-grid .lead-panel-piggyback-pair input, .selected-lead-panel .detail-grid .lead-panel-piggyback-pair-row, .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-mini input, .selected-lead-panel .lead-panel-piggyback-pair input, .selected-lead-panel .lead-panel-piggyback-pair-row, .selected-lead-panel .lead-panel-piggyback-ratio-mini input ) { -webkit-text-fill-color: #071523 !important; caret-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.selected-lead-panel,.lead-quick-popover) :is( [data-lead-editor-card="property"][open] .address-field input:-webkit-autofill, [data-lead-editor-card="property"][open] .property-location-grid input:-webkit-autofill, [data-lead-editor-card="property"][open] .property-meta-grid input:-webkit-autofill, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body input:-webkit-autofill, .selected-lead-panel .detail-grid .quick-detail > input:-webkit-autofill, .selected-lead-panel .lead-panel-piggyback-ratio-mini input:-webkit-autofill, .selected-lead-panel .lead-panel-piggyback-pair input:-webkit-autofill ) { -webkit-text-fill-color: #071523 !important; box-shadow: inset 0 0 0 999px var(--paper) !important; caret-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.selected-lead-panel,.lead-quick-popover) :is( [data-lead-editor-card="property"][open] input::placeholder, [data-lead-editor-card="property"][open] textarea::placeholder, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body input::placeholder, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body textarea::placeholder, .selected-lead-panel .detail-grid .quick-detail > input::placeholder, .selected-lead-panel .lead-panel-piggyback-ratio-mini input::placeholder, .selected-lead-panel .lead-panel-piggyback-pair input::placeholder ) { color: color-mix(in srgb, #071523 62%, var(--muted)) !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; text-shadow: none !important; } /* Final light/dark mortgage field captions: Product, Term, and Loan Amount use the current StreamQuote label typography. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls > label > span:first-child, .mini-product-controls > label > span:first-child > span:first-child, .mini-product-controls .mini-term-label-row, .mini-product-controls .mini-term-label-row > span:first-child, .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span, .mini-price-option .mini-fee-strip > .mini-second-loan-amount-tile > span:first-child ) { -webkit-text-fill-color: #0b70b7 !important; color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls > label > span:first-child, .mini-product-controls > label > span:first-child > span:first-child, .mini-product-controls .mini-term-label-row, .mini-product-controls .mini-term-label-row > span:first-child, .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span, .mini-price-option .mini-fee-strip > .mini-second-loan-amount-tile > span:first-child ) { -webkit-text-fill-color: #9fd0ff !important; color: #9fd0ff !important; } /* Lead Imports modal typography: form labels and controls use the updated StreamQuote font system. */ body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) :is( .panel-head h2, .quick-import-bar .btn, .lead-import-folder-actions .btn, .lead-import-auto-toggle strong, .manual-actions .btn ), body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) :is( .panel-head h2, .quick-import-bar .btn, .lead-import-folder-actions .btn, .lead-import-auto-toggle strong, .manual-actions .btn ) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) :is( .manual-section h3, .lead-import-automation-strip > div:first-child > strong ), body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) :is( .manual-section h3, .lead-import-automation-strip > div:first-child > strong ) { -webkit-text-fill-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: uppercase !important; } body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) :is( .manual-grid label, .quick-import-panel label, .lead-import-folder-menu label ), body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) :is( .manual-grid label, .quick-import-panel label, .lead-import-folder-menu label ) { -webkit-text-fill-color: #0b70b7 !important; color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.16 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) :is( .manual-grid input, .manual-grid select, .manual-grid textarea, .lead-import-folder-picker summary, .lead-import-folder-picker summary span, .lead-import-folder-option, .lead-import-folder-menu .input, .quick-import-panel textarea ), body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) :is( .manual-grid input, .manual-grid select, .manual-grid textarea, .lead-import-folder-picker summary, .lead-import-folder-picker summary span, .lead-import-folder-option, .lead-import-folder-menu .input, .quick-import-panel textarea ) { -webkit-text-fill-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.16 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) :is( .lead-import-automation-strip span, .lead-import-automation-strip small, .lead-import-folder-menu small, .excel-lead-drop-zone span ), body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) :is( .lead-import-automation-strip span, .lead-import-automation-strip small, .lead-import-folder-menu small, .excel-lead-drop-zone span ) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) :is( .manual-grid input::placeholder, .manual-grid textarea::placeholder, .quick-import-panel textarea::placeholder ), body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) :is( .manual-grid input::placeholder, .manual-grid textarea::placeholder, .quick-import-panel textarea::placeholder ) { color: color-mix(in srgb, #071523 60%, var(--muted)) !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) :is( .manual-section h3, .lead-import-automation-strip > div:first-child > strong, .manual-grid input, .manual-grid select, .manual-grid textarea, .lead-import-folder-picker summary, .lead-import-folder-picker summary span, .lead-import-folder-option, .lead-import-folder-menu .input, .quick-import-panel textarea ), html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) :is( .manual-section h3, .lead-import-automation-strip > div:first-child > strong, .manual-grid input, .manual-grid select, .manual-grid textarea, .lead-import-folder-picker summary, .lead-import-folder-picker summary span, .lead-import-folder-option, .lead-import-folder-menu .input, .quick-import-panel textarea ) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) :is( .manual-grid label, .quick-import-panel label, .lead-import-folder-menu label ), html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) :is( .manual-grid label, .quick-import-panel label, .lead-import-folder-menu label ) { -webkit-text-fill-color: #9fd0ff !important; color: #9fd0ff !important; } /* Lead Imports native dropdown windows: select options do not always inherit from the closed field. */ body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) .manual-grid select, body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) .manual-grid select option, body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) .manual-grid select optgroup, body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) .manual-grid select, body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) .manual-grid select option, body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) .manual-grid select optgroup { -webkit-text-fill-color: #071523 !important; background-color: #ffffff !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.18 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) .manual-grid select option:checked, body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) .manual-grid select option:hover, body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) .manual-grid select option:focus, body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) .manual-grid select option:checked, body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) .manual-grid select option:hover, body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) .manual-grid select option:focus { -webkit-text-fill-color: #ffffff !important; background-color: #0b70b7 !important; color: #ffffff !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; text-shadow: none !important; } body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) :is( .lead-import-folder-picker[open] .lead-import-folder-option, .lead-import-folder-picker[open] .lead-import-folder-option-row.active .lead-import-folder-option, .lead-import-folder-picker[open] .lead-import-folder-menu label, .lead-import-folder-picker[open] .lead-import-folder-menu .input ) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) .manual-grid select, html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) .manual-grid select option, html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) .manual-grid select optgroup, html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) .manual-grid select, html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) .manual-grid select option, html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) .manual-grid select optgroup { -webkit-text-fill-color: #f6fbff !important; background-color: #071019 !important; color: #f6fbff !important; color-scheme: dark !important; } html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) .manual-grid select option:checked, html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) .manual-grid select option:hover, html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has([data-manual-lead-form]) .manual-grid select option:focus, html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) .manual-grid select option:checked, html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) .manual-grid select option:hover, html[data-theme="dark"] body[data-app-view="leads"] .modal-card:has(.lead-import-automation-strip) .manual-grid select option:focus { -webkit-text-fill-color: #071523 !important; background-color: #9fd0ff !important; color: #071523 !important; } /* Light-mode EOF editor textbox font lock: outrank the older top-window polish selectors. */ html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.selected-lead-panel,.lead-quick-popover) .lead-editor-grid :is( [data-lead-editor-card="property"][open] .editor-section-body :is(input,select,textarea), [data-lead-editor-card="property"][open] .editor-section-body .editor-choice-shell .custom-choice-menu > summary, [data-lead-editor-card="property"][open] .editor-section-body .editor-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), [data-lead-editor-card="property"][open] .editor-section-body .editor-choice-shell .quick-choice-options > button, [data-lead-editor-card="property"][open] .editor-section-body .editor-choice-shell .quick-choice-options > button :is(strong,span,b,em,small), [data-lead-editor-card="loanScenario"][open] .lead-scenario-body input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), [data-lead-editor-card="loanScenario"][open] .lead-scenario-body :is(select,textarea), [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .editor-choice-shell .custom-choice-menu > summary, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .editor-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .editor-choice-shell .quick-choice-options > button, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .editor-choice-shell .quick-choice-options > button :is(strong,span,b,em,small), [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle span ):not(#sq-leads-light-eof-editor-value-font-lock) { -webkit-text-fill-color: #071523 !important; caret-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.selected-lead-panel,.lead-quick-popover) .lead-editor-grid :is( [data-lead-editor-card="property"][open] .editor-section-body label, [data-lead-editor-card="property"][open] .editor-section-body label > span:first-child, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body label, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body label > span:first-child, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body .rate-term-second-toggle-row .scenario-mini-toggle span ):not(#sq-leads-light-eof-editor-caption-font-lock) { -webkit-text-fill-color: #0b70b7 !important; color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 12.5px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.16 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid :is( .quick-detail > input, .quick-detail > select, .quick-choice-detail .quick-choice-menu > summary, .quick-choice-detail .quick-choice-menu > summary :is(strong,span,b,em,small), .quick-choice-detail .quick-choice-options > button, .quick-choice-detail .quick-choice-options > button :is(strong,span,b,em,small), .lead-panel-piggyback-pair input, .lead-panel-piggyback-pair-row, .lead-panel-piggyback-ratio-mini input ):not(#sq-leads-light-eof-pane-value-font-lock) { -webkit-text-fill-color: #071523 !important; caret-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .quick-detail > span:not(#sq-leads-light-eof-pane-caption-font-lock) { -webkit-text-fill-color: #0b70b7 !important; color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 12.5px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.16 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.selected-lead-panel,.lead-quick-popover) :is( [data-lead-editor-card="property"][open] input::placeholder, [data-lead-editor-card="property"][open] textarea::placeholder, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body input::placeholder, [data-lead-editor-card="loanScenario"][open] .lead-scenario-body textarea::placeholder, .selected-lead-panel .detail-grid .quick-detail > input::placeholder, .selected-lead-panel .lead-panel-piggyback-ratio-mini input::placeholder, .selected-lead-panel .lead-panel-piggyback-pair input::placeholder ):not(#sq-leads-light-eof-placeholder-font-lock) { color: color-mix(in srgb, #071523 62%, var(--muted)) !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; letter-spacing: 0 !important; text-shadow: none !important; } /* Dark selected lead contact header: keep phone, address, and email blue in every pane layout. */ html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="pricingLab"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .quote-preview-shell, .calculator-window, .mismo-standalone-mode ) .selected-lead-panel .selected-lead-contact, html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="pricingLab"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .quote-preview-shell, .calculator-window, .mismo-standalone-mode ) .selected-lead-panel .selected-lead-contact > :is(.phone-link,.inline-link,.borrower-email-link,.selected-lead-address-link):not(.selected-lead-contact-chips), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="pricingLab"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .quote-preview-shell, .calculator-window, .mismo-standalone-mode ) .selected-lead-panel .selected-lead-contact > .selected-lead-address-link span { -webkit-text-fill-color: #9fd0ff !important; color: #9fd0ff !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.22 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="pricingLab"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .quote-preview-shell, .calculator-window, .mismo-standalone-mode ) .selected-lead-panel .selected-lead-contact > :is(.phone-link,.inline-link,.borrower-email-link,.selected-lead-address-link):is(:hover,:focus,:focus-visible), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="pricingLab"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .quote-preview-shell, .calculator-window, .mismo-standalone-mode ) .selected-lead-panel .selected-lead-contact > .selected-lead-address-link:is(:hover,:focus,:focus-visible) span { -webkit-text-fill-color: #c8e6ff !important; color: #c8e6ff !important; text-decoration-color: #c8e6ff !important; } /* Final Lead View drawer typography lock: saved views, visible columns, and filter panes. */ body[data-app-view="leads"] .panel.filter-panel :is( .panel-head h2, .setup-section-toggle, .setup-section-toggle .control-framed-label, .saved-view-card, .saved-view-card strong, .saved-view-card span, .filter-section-toggle, .filter-section-toggle > span:first-child, .filter-family-toggle, .filter-family-toggle strong, .filter-family-toggle em, .column-toggle, .column-toggle-button, .column-toggle-button > span, .column-chip-label, .filter-check, .filter-check > span, .filter-chip-label, .filter-chip-label > span:first-child, .action-stack .btn ), html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel :is( .panel-head h2, .setup-section-toggle, .setup-section-toggle .control-framed-label, .saved-view-card, .saved-view-card strong, .saved-view-card span, .filter-section-toggle, .filter-section-toggle > span:first-child, .filter-family-toggle, .filter-family-toggle strong, .filter-family-toggle em, .column-toggle, .column-toggle-button, .column-toggle-button > span, .column-chip-label, .filter-check, .filter-check > span, .filter-chip-label, .filter-chip-label > span:first-child, .action-stack .btn ) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .panel.filter-panel :is(.setup-section-toggle .control-framed-label,.lead-filters-toggle .control-framed-label), html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel :is(.setup-section-toggle .control-framed-label,.lead-filters-toggle .control-framed-label) { color: #0b70b7 !important; font-size: 14px !important; line-height: 1.08 !important; } html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel :is(.setup-section-toggle .control-framed-label,.lead-filters-toggle .control-framed-label) { color: #9fd0ff !important; } body[data-app-view="leads"] .panel.filter-panel .saved-view-card, html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel .saved-view-card { font-size: 13px !important; line-height: 1.15 !important; } body[data-app-view="leads"] .panel.filter-panel .saved-view-card strong, html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel .saved-view-card strong { color: var(--ink) !important; font-size: 13px !important; line-height: 1.12 !important; } body[data-app-view="leads"] .panel.filter-panel .saved-view-card span, html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel .saved-view-card span { color: var(--muted) !important; font-size: 12px !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; line-height: 1.28 !important; } body[data-app-view="leads"] .panel.filter-panel .filter-family-toggle strong, body[data-app-view="leads"] .panel.filter-panel .filter-section-toggle > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel .filter-family-toggle strong, html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel .filter-section-toggle > span:first-child { color: var(--ink) !important; font-size: 13px !important; line-height: 1.12 !important; } body[data-app-view="leads"] .panel.filter-panel .filter-family-toggle small, html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel .filter-family-toggle small { color: var(--muted) !important; font-family: var(--sq-font-family) !important; font-size: 12px !important; font-style: normal !important; font-variation-settings: "wght" 800 !important; font-weight: 800 !important; letter-spacing: 0 !important; line-height: 1.25 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .panel.filter-panel :is(.column-toggle,.column-toggle-button,.filter-check,.filter-check > span,.filter-chip-label,.filter-chip-label > span:first-child), html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel :is(.column-toggle,.column-toggle-button,.filter-check,.filter-check > span,.filter-chip-label,.filter-chip-label > span:first-child) { font-size: 13px !important; line-height: 1.16 !important; } body[data-app-view="leads"] .panel.filter-panel .filter-check:not(.is-selected), html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel .filter-check:not(.is-selected) { font-variation-settings: "wght" 850 !important; font-weight: 850 !important; } body[data-app-view="leads"] .panel.filter-panel .column-toggle:not(.is-visible), body[data-app-view="leads"] .panel.filter-panel .column-toggle:not(.is-visible) .column-toggle-button, html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel .column-toggle:not(.is-visible), html[data-theme="dark"] body[data-app-view="leads"] .panel.filter-panel .column-toggle:not(.is-visible) .column-toggle-button { font-variation-settings: "wght" 850 !important; font-weight: 850 !important; } /* Final custom dropdown row lock: selected/active rows should never fall back to the legacy thin option style. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="pricingLab"]) :is( .workspace, .panel, .modal, .lead-panel-modal, .calculator-window, .quote-preview-shell, .mismo-standalone-mode ) :is(.quick-choice-menu,.custom-choice-menu) :is( > summary, > summary strong, > summary span, > summary b, > summary em, .quick-choice-options > button, .quick-choice-options > button:is(.active,[aria-selected="true"]), .quick-choice-options > button :is(strong,span,b,em,small), .quick-choice-options > button:is(.active,[aria-selected="true"]) :is(strong,span,b,em,small), .custom-choice-summary-rich, .custom-choice-summary-rich :is(strong,span,b,em,small), .mini-pref-display-text ), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="pricingLab"]) :is( .workspace, .panel, .modal, .lead-panel-modal, .calculator-window, .quote-preview-shell, .mismo-standalone-mode ) :is(.quick-choice-menu,.custom-choice-menu) :is( > summary, > summary strong, > summary span, > summary b, > summary em, .quick-choice-options > button, .quick-choice-options > button:is(.active,[aria-selected="true"]), .quick-choice-options > button :is(strong,span,b,em,small), .quick-choice-options > button:is(.active,[aria-selected="true"]) :is(strong,span,b,em,small), .custom-choice-summary-rich, .custom-choice-summary-rich :is(strong,span,b,em,small), .mini-pref-display-text ) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="pricingLab"]) :is( .workspace, .panel, .modal, .lead-panel-modal, .calculator-window, .quote-preview-shell, .mismo-standalone-mode ) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="pricingLab"]) :is( .workspace, .panel, .modal, .lead-panel-modal, .calculator-window, .quote-preview-shell, .mismo-standalone-mode ) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="pricingLab"]) :is( .workspace, .panel, .modal, .lead-panel-modal, .calculator-window, .quote-preview-shell, .mismo-standalone-mode ) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* Final collapsed Property Type dropdown fix: target the real summary text node and give the menu room for the approved value type. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-wrap { min-height: 42px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary { align-items: center !important; background: var(--paper) !important; border: 1px solid color-mix(in srgb, var(--accent) 34%, var(--line)) !important; border-radius: 8px !important; box-sizing: border-box !important; display: grid !important; grid-template-columns: minmax(0,1fr) 12px !important; min-height: 42px !important; padding: 7px 12px 8px 14px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.custom-choice-summary-rich,.property-type-label-full,.property-type-label-short), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button :is(strong,span,b,em,small), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.custom-choice-summary-rich,.property-type-label-full,.property-type-label-short), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button :is(strong,span,b,em,small) { -webkit-text-fill-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 16px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-align: center !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button { min-height: 38px !important; padding: 8px 12px !important; text-align: left !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.custom-choice-summary-rich,.property-type-label-full,.property-type-label-short), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options > button :is(strong,span,b,em,small) { -webkit-text-fill-color: #f6fbff !important; color: #f6fbff !important; } /* Sidebar color settings: keep the palette control beside Help & Support instead of consuming a cramped row. */ body.has-sidebar-color-settings .sidebar .sidebar-support-group, html[data-theme="dark"] body.has-sidebar-color-settings .sidebar .sidebar-support-group { align-items: stretch !important; display: grid !important; gap: 6px !important; grid-template-columns: minmax(0, 1fr) 40px !important; } body.has-sidebar-color-settings .sidebar .sidebar-support-group .sidebar-section-label, html[data-theme="dark"] body.has-sidebar-color-settings .sidebar .sidebar-support-group .sidebar-section-label { display: none !important; } body.has-sidebar-color-settings .sidebar .sidebar-support-group .side-link-support, html[data-theme="dark"] body.has-sidebar-color-settings .sidebar .sidebar-support-group .side-link-support { grid-column: 1 !important; min-width: 0 !important; } body.has-sidebar-color-settings .sidebar .sidebar-support-group .sidebar-color-settings-slot, html[data-theme="dark"] body.has-sidebar-color-settings .sidebar .sidebar-support-group .sidebar-color-settings-slot { align-self: stretch !important; grid-column: 2 !important; min-height: 0 !important; width: 40px !important; } body.has-sidebar-color-settings .sidebar .sidebar-support-group .sidebar-color-settings-slot .app-color-settings-button, html[data-theme="dark"] body.has-sidebar-color-settings .sidebar .sidebar-support-group .sidebar-color-settings-slot .app-color-settings-button { height: 100% !important; min-height: 40px !important; width: 40px !important; } body.has-sidebar-color-settings .sidebar .sidebar-support-group .sidebar-color-settings-slot .color-settings-popover, html[data-theme="dark"] body.has-sidebar-color-settings .sidebar .sidebar-support-group .sidebar-color-settings-slot .color-settings-popover { bottom: 58px !important; left: 52px !important; } /* Final Presets sticky summary reset: light stays light, dark stays dark, and both use current StreamQuote type. */ body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary { align-items: center !important; color-scheme: light !important; min-height: 42px !important; } body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary .pricing-presets-title, body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary .pricing-presets-title, body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title { align-items: center !important; border-radius: 8px !important; box-sizing: border-box !important; display: inline-flex !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1.08 !important; min-height: 36px !important; padding: 8px 14px !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary .pricing-presets-title, html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary .pricing-presets-title, html:not([data-theme="dark"]) body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title { -webkit-text-fill-color: #071523 !important; background: color-mix(in srgb, #ffffff 82%, #dff2ff) !important; background-color: color-mix(in srgb, #ffffff 82%, #dff2ff) !important; border: 1px solid color-mix(in srgb, #8cc9ed 58%, #d8e6f2) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 1px 3px rgba(16,24,32,.08) !important; color: #071523 !important; color-scheme: light !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] > .pricing-presets-summary .pricing-presets-title, html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer) > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title { -webkit-text-fill-color: #f6fbff !important; background: #07111b !important; background-color: #07111b !important; border: 1px solid rgba(159,208,255,.58) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 1px 3px rgba(0,0,0,.24) !important; color: #f6fbff !important; color-scheme: dark !important; } body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] .pricing-presets-body :is(button,summary,strong,span,em,select,input), html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.pricing-presets-drawer,.mini-snapshot-presets-drawer)[open] .pricing-presets-body :is(button,summary,strong,span,em,select,input) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } /* Final loan action button typography: Formal, Roll Costs, FHA, and VA match the StreamQuote button system. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-loan-amount-actions .mini-formal-loan-toggle, .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-loan-amount-actions .mini-roll-loan-toggle, .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle .va-logo-mark ), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-loan-amount-actions .mini-formal-loan-toggle, .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-loan-amount-actions .mini-roll-loan-toggle, .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle .va-logo-mark ) { font-family: var(--sq-font-family) !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-loan-amount-actions :is(.mini-formal-loan-toggle,.mini-roll-loan-toggle), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-loan-amount-actions :is(.mini-formal-loan-toggle,.mini-roll-loan-toggle) { min-height: 38px !important; padding: 9px 15px !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle { min-height: 38px !important; } /* Final lead dropdown row lock: remove the sticky focused option fill and keep all menu values on the current StreamQuote type. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .panel, .modal, .calculator-window, .lead-panel-modal, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button, body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .panel, .modal, .calculator-window, .lead-panel-modal, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button :is(strong,span,b,em,small), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .panel, .modal, .calculator-window, .lead-panel-modal, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button, html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .panel, .modal, .calculator-window, .lead-panel-modal, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button :is(strong,span,b,em,small) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .panel, .modal, .calculator-window, .lead-panel-modal, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button, html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .panel, .modal, .calculator-window, .lead-panel-modal, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button :is(strong,span,b,em,small) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .panel, .modal, .calculator-window, .lead-panel-modal, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:focus,:focus-visible):not(:hover), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .panel, .modal, .calculator-window, .lead-panel-modal, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) :is(.quick-choice-menu,.custom-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:focus,:focus-visible):not(:hover) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; outline: 0 !important; } /* Final expanded mortgage product/term controls: labels, displayed values, and open rows match the current StreamQuote type in 1st and 2nd Mortgage. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls > label, .mini-product-controls > label > span:first-child, .mini-product-controls > label > span:first-child > span:first-child, .mini-product-controls .mini-term-label-row, .mini-product-controls .mini-term-label-row > span:first-child, .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span, .mini-price-option .mini-fee-strip > .mini-second-loan-amount-tile > span:first-child, .mini-price-option .mini-editable-loan-tile > span:first-child ), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls > label, .mini-product-controls > label > span:first-child, .mini-product-controls > label > span:first-child > span:first-child, .mini-product-controls .mini-term-label-row, .mini-product-controls .mini-term-label-row > span:first-child, .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span, .mini-price-option .mini-fee-strip > .mini-second-loan-amount-tile > span:first-child, .mini-price-option .mini-editable-loan-tile > span:first-child ) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls > label > span:first-child, .mini-product-controls > label > span:first-child > span:first-child, .mini-product-controls .mini-term-label-row, .mini-product-controls .mini-term-label-row > span:first-child, .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span, .mini-price-option .mini-fee-strip > .mini-second-loan-amount-tile > span:first-child, .mini-price-option .mini-editable-loan-tile > span:first-child ) { color: #0b70b7 !important; -webkit-text-fill-color: #0b70b7 !important; font-size: 13px !important; line-height: 1.12 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls > label > span:first-child, .mini-product-controls > label > span:first-child > span:first-child, .mini-product-controls .mini-term-label-row, .mini-product-controls .mini-term-label-row > span:first-child, .mini-price-option .mini-fee-strip > .mini-fee-tile-loan .mini-fee-tile-head span, .mini-price-option .mini-fee-strip > .mini-second-loan-amount-tile > span:first-child, .mini-price-option .mini-editable-loan-tile > span:first-child ) { color: #9fd0ff !important; -webkit-text-fill-color: #9fd0ff !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-static-control, body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-price-option .mini-fee-strip > .mini-fee-tile-loan > strong,.mini-price-option .mini-fee-strip > .mini-fee-tile-loan > input,.mini-price-option .mini-editable-loan-tile > input,.mini-price-option .mini-second-loan-amount-tile > strong,.mini-price-option .mini-second-loan-amount-tile > input), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-static-control, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-price-option .mini-fee-strip > .mini-fee-tile-loan > strong,.mini-price-option .mini-fee-strip > .mini-fee-tile-loan > input,.mini-price-option .mini-editable-loan-tile > input,.mini-price-option .mini-second-loan-amount-tile > strong,.mini-price-option .mini-second-loan-amount-tile > input) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 16px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button { font-size: 15px !important; min-height: 34px !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-static-control, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-price-option .mini-fee-strip > .mini-fee-tile-loan > strong,.mini-price-option .mini-fee-strip > .mini-fee-tile-loan > input,.mini-price-option .mini-editable-loan-tile > input,.mini-price-option .mini-second-loan-amount-tile > strong,.mini-price-option .mini-second-loan-amount-tile > input) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* Final dark lead-pane cleanup: resting safe ratio inputs, Controls tab, and mortgage preset preview chips keep dark-mode contrast. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-panel :is( .detail-grid .quick-detail:is(.scenario-fico-safe,.scenario-fico-caution,.scenario-fico-alert,.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) > input, .detail-grid .lead-panel-piggyback-ratio-tile:is(.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) input, .detail-grid .lead-panel-piggyback-ratio-mini:is(.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) input, .detail-grid .lead-panel-piggyback-ratio-mini input, .detail-grid input[data-lead-panel-piggyback-ratio], .detail-grid input[data-quick-field="fico"], .detail-grid input[data-quick-field="newLtv"] ) { background: #071019 !important; background-color: #071019 !important; border-color: rgba(69,215,143,.74) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(69,215,143,.18) !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; color-scheme: dark !important; caret-color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-panel .detail-grid :is( .quick-detail.scenario-fico-caution > input, .quick-detail.scenario-ltv-caution > input, .lead-panel-piggyback-ratio-tile.scenario-ltv-caution input, .lead-panel-piggyback-ratio-mini.scenario-ltv-caution input ) { border-color: rgba(255,209,102,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,209,102,.22) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-panel .detail-grid :is( .quick-detail.scenario-fico-alert > input, .quick-detail.scenario-ltv-alert > input, .lead-panel-piggyback-ratio-tile.scenario-ltv-alert input, .lead-panel-piggyback-ratio-mini.scenario-ltv-alert input ) { border-color: rgba(255,122,138,.82) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,122,138,.22) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-panel .lead-panel-controls-card > .editor-section-summary > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-panel .lead-panel-controls-card[open] > .editor-section-summary > span:first-child, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.selected-lead-panel,.lead-inline-detail-stack,.lead-expanded-workspace-frame,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .selected-lead-panel .lead-panel-controls-card > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child { background: #07111b !important; background-color: #07111b !important; border-color: rgba(159,208,255,.58) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 1px 3px rgba(0,0,0,.24) !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer .pricing-presets-preview :is(.mini-preset-auto-mood,.pricing-preset-lender-cycle,.pricing-preset-option-count), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer .pricing-presets-preview :is(.mini-preset-auto-mood,.pricing-preset-lender-cycle,.pricing-preset-option-count):is(:hover,:focus,:focus-visible,:active) { background: #07111b !important; background-color: #07111b !important; background-image: none !important; border-color: rgba(159,208,255,.52) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 1px 3px rgba(0,0,0,.24) !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer .pricing-presets-preview :is(.mini-preset-auto-mood,.pricing-preset-lender-cycle,.pricing-preset-option-count) :is(strong,span,em,small,.mini-preset-lender-name,.mini-preset-lender-text,.mini-preset-auto-text) { background: transparent !important; background-color: transparent !important; background-image: none !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } /* Final mortgage quote-stack typography: Presets, lender/count chips, and all 1st/2nd option cards use the current StreamQuote font in both themes. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-rate-snapshot-head > span:first-child, .mini-rate-snapshot-head > span:first-child :is(strong,span,small,em), .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title :is(strong,span,small,em), .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-preview :is(.mini-preset-auto-mood,.pricing-preset-lender-cycle,.pricing-preset-option-count), .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-preview :is(.mini-preset-auto-mood,.pricing-preset-lender-cycle,.pricing-preset-option-count) :is(strong,span,small,em,.mini-preset-lender-name,.mini-preset-lender-text,.mini-preset-auto-text), .quote-selection-stack, .quote-selection-stack :is(.quote-selection-tab,.quote-selection-body,.quote-selection-label,.quote-selection-label span,.quote-selection-label small,.quote-selection-label strong,.quote-selection-label em,.quote-selection-token,.quote-selection-token :is(strong,span,small,em),.quote-selection-number-tab,.quote-selection-unavailable-copy,.quote-selection-unavailable-copy :is(strong,em),.quote-selection-unavailable-mark) ), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-rate-snapshot-head > span:first-child, .mini-rate-snapshot-head > span:first-child :is(strong,span,small,em), .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title, .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title :is(strong,span,small,em), .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-preview :is(.mini-preset-auto-mood,.pricing-preset-lender-cycle,.pricing-preset-option-count), .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-preview :is(.mini-preset-auto-mood,.pricing-preset-lender-cycle,.pricing-preset-option-count) :is(strong,span,small,em,.mini-preset-lender-name,.mini-preset-lender-text,.mini-preset-auto-text), .quote-selection-stack, .quote-selection-stack :is(.quote-selection-tab,.quote-selection-body,.quote-selection-label,.quote-selection-label span,.quote-selection-label small,.quote-selection-label strong,.quote-selection-label em,.quote-selection-token,.quote-selection-token :is(strong,span,small,em),.quote-selection-number-tab,.quote-selection-unavailable-copy,.quote-selection-unavailable-copy :is(strong,em),.quote-selection-unavailable-mark) ) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-stack .quote-selection-label span, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-stack .quote-selection-label span { font-size: 14px !important; line-height: 1.05 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-stack .quote-selection-label small, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-stack .quote-selection-label small { font-size: 11px !important; line-height: 1.12 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-stack .quote-selection-label strong, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-stack .quote-selection-label strong { font-size: 20px !important; line-height: 1 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-stack .quote-selection-label em, html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-selection-stack .quote-selection-label em { font-size: 13px !important; line-height: 1.05 !important; } /* True final custom dropdown lock: all quick/custom menu rows use StreamQuote type, and selected/focused rows never keep a sticky fill unless hovered. */ body .quick-choice-menu[open] .quick-choice-options > button, body .custom-choice-menu[open] .quick-choice-options > button, body .quick-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small), body .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small), html[data-theme="dark"] body .quick-choice-menu[open] .quick-choice-options > button, html[data-theme="dark"] body .custom-choice-menu[open] .quick-choice-options > button, html[data-theme="dark"] body .quick-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small), html[data-theme="dark"] body .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small) { font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body .quick-choice-menu[open] .quick-choice-options > button, body .custom-choice-menu[open] .quick-choice-options > button, body .quick-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small), body .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body .quick-choice-menu[open] .quick-choice-options > button, html[data-theme="dark"] body .custom-choice-menu[open] .quick-choice-options > button, html[data-theme="dark"] body .quick-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small), html[data-theme="dark"] body .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } body .quick-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:focus,:focus-visible):not(:hover), body .custom-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:focus,:focus-visible):not(:hover), html[data-theme="dark"] body .quick-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:focus,:focus-visible):not(:hover), html[data-theme="dark"] body .custom-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:focus,:focus-visible):not(:hover) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; outline: 0 !important; } body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary, body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.property-type-label-full,.property-type-label-short), body[data-app-view="leads"] .workspace .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu > summary, body[data-app-view="leads"] .workspace .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary, html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.property-type-label-full,.property-type-label-short), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu > summary, html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-editor-grid .lead-scenario-fields:not([open]) .scenario-purpose-summary-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small) { font-family: var(--sq-font-family) !important; font-size: 16px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-shadow: none !important; text-transform: none !important; } /* True final Presets tab and preferred investor dropdown typography lock. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer > .pricing-presets-summary:not(#sq-true-final-presets-tab-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer > .pricing-presets-summary:not(#sq-true-final-presets-tab-lock) { align-items: center !important; display: grid !important; grid-template-columns: max-content minmax(0,1fr) !important; min-height: 50px !important; padding: 8px 10px !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title:not(#sq-true-final-presets-tab-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title:not(#sq-true-final-presets-tab-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title:not(#sq-true-final-presets-tab-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title:not(#sq-true-final-presets-tab-lock) { align-items: center !important; background: #f8fbff !important; background-color: #f8fbff !important; border: 1px solid color-mix(in srgb, #1689c8 48%, #d8e6f2) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 1px 3px rgba(16,24,32,.08) !important; box-sizing: border-box !important; color: #071523 !important; -webkit-text-fill-color: #071523 !important; display: inline-flex !important; font-family: var(--sq-font-family) !important; font-size: 16px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 38px !important; min-width: 104px !important; padding: 0 15px !important; text-align: center !important; text-shadow: none !important; text-transform: none !important; white-space: nowrap !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title:not(#sq-true-final-presets-tab-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer > .pricing-presets-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) .pricing-presets-title:not(#sq-true-final-presets-tab-lock) { background: #07111b !important; background-color: #07111b !important; border-color: color-mix(in srgb, #8cc9ed 62%, #172432) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 1px 3px rgba(0,0,0,.24) !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } body[data-app-view="control"] .workspace .preferred-investor-field .control-pref-choice-shell :is(.custom-choice-menu summary,.custom-choice-menu summary strong,.custom-choice-menu summary span,.custom-choice-menu summary b,.custom-choice-menu summary em,.mini-pref-display-text):not(#sq-true-final-control-investor-choice-type), body[data-app-view="control"] .workspace .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:not(#sq-true-final-control-investor-choice-type), body[data-app-view="control"] .workspace .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-true-final-control-investor-choice-type), html[data-theme="dark"] body[data-app-view="control"] .workspace .preferred-investor-field .control-pref-choice-shell :is(.custom-choice-menu summary,.custom-choice-menu summary strong,.custom-choice-menu summary span,.custom-choice-menu summary b,.custom-choice-menu summary em,.mini-pref-display-text):not(#sq-true-final-control-investor-choice-type), html[data-theme="dark"] body[data-app-view="control"] .workspace .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:not(#sq-true-final-control-investor-choice-type), html[data-theme="dark"] body[data-app-view="control"] .workspace .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-true-final-control-investor-choice-type) { font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .workspace .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:not(#sq-true-final-control-investor-choice-type), body[data-app-view="control"] .workspace .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-true-final-control-investor-choice-type) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body[data-app-view="control"] .workspace .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:not(#sq-true-final-control-investor-choice-type), html[data-theme="dark"] body[data-app-view="control"] .workspace .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-true-final-control-investor-choice-type) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* Absolute final Presets tab shape lock: remove the legacy marker and keep the tab compact in every lead pane surface. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title-zone:not(#sq-absolute-final-presets-tab-shape), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title-zone:not(#sq-absolute-final-presets-tab-shape) { align-items: center !important; display: inline-flex !important; min-width: 0 !important; width: auto !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title:not(#sq-absolute-final-presets-tab-shape), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title:not(#sq-absolute-final-presets-tab-shape) { gap: 0 !important; height: auto !important; min-height: 36px !important; min-width: 104px !important; padding: 0 15px !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title::before, html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title::before { content: none !important; display: none !important; } /* Final expanded mortgage result card type: restore the large rate and bring remaining result/fee text onto StreamQuote type. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-price-copy > strong:not(#sq-final-expanded-result-card-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-price-copy > strong:not(#sq-final-expanded-result-card-type-lock) { display: block !important; font-family: var(--sq-font-family) !important; font-size: 34px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: .9 !important; margin: 0 0 1px !important; text-shadow: none !important; text-transform: none !important; white-space: nowrap !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-price-copy > strong:not(#sq-final-expanded-result-card-type-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-price-copy > strong:not(#sq-final-expanded-result-card-type-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is( .mini-rate-details, .mini-rate-details span, .mini-rate-details b, .mini-rate-details em, .mini-rate-details .mini-rate-detail-value, .mini-rate-details .mini-tone-value, .mini-fee-itemization-row, .mini-fee-itemization-row > span, .mini-fee-itemization-row > strong, .mini-fee-itemization-row > input, .mini-fee-itemization-row > summary > span, .mini-fee-itemization-row > summary > strong, .mini-fee-itemization-row > summary > input, .mini-fee-drilldown-rows.quote-breakdown-rows > div > span, .mini-fee-drilldown-rows.quote-breakdown-rows > div > strong, .mini-fee-drilldown-rows.quote-breakdown-rows > div > input, .quote-breakdown-row, .quote-breakdown-row span, .quote-breakdown-row strong, .quote-breakdown-row input, .fee-buyout-toggle, .fee-buyout-toggle span, .fee-financed-pill ):not(#sq-final-expanded-result-card-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is( .mini-rate-details, .mini-rate-details span, .mini-rate-details b, .mini-rate-details em, .mini-rate-details .mini-rate-detail-value, .mini-rate-details .mini-tone-value, .mini-fee-itemization-row, .mini-fee-itemization-row > span, .mini-fee-itemization-row > strong, .mini-fee-itemization-row > input, .mini-fee-itemization-row > summary > span, .mini-fee-itemization-row > summary > strong, .mini-fee-itemization-row > summary > input, .mini-fee-drilldown-rows.quote-breakdown-rows > div > span, .mini-fee-drilldown-rows.quote-breakdown-rows > div > strong, .mini-fee-drilldown-rows.quote-breakdown-rows > div > input, .quote-breakdown-row, .quote-breakdown-row span, .quote-breakdown-row strong, .quote-breakdown-row input, .fee-buyout-toggle, .fee-buyout-toggle span, .fee-financed-pill ):not(#sq-final-expanded-result-card-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-rate-details :is(span,b,em):not(#sq-final-expanded-result-card-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-rate-details :is(span,b,em):not(#sq-final-expanded-result-card-type-lock) { font-size: 15px !important; line-height: 1.14 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-rate-details .mini-rate-detail-value:not(#sq-final-expanded-result-card-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary .mini-rate-details .mini-rate-detail-value:not(#sq-final-expanded-result-card-type-lock) { font-size: 15px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-fee-itemization-row > span,.mini-fee-itemization-row > summary > span,.mini-fee-drilldown-rows.quote-breakdown-rows > div > span,.quote-breakdown-row span):not(#sq-final-expanded-result-card-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-fee-itemization-row > span,.mini-fee-itemization-row > summary > span,.mini-fee-drilldown-rows.quote-breakdown-rows > div > span,.quote-breakdown-row span):not(#sq-final-expanded-result-card-type-lock) { font-size: 14px !important; line-height: 1.16 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-fee-itemization-row > strong,.mini-fee-itemization-row > input,.mini-fee-itemization-row > summary > strong,.mini-fee-itemization-row > summary > input,.mini-fee-drilldown-rows.quote-breakdown-rows > div > strong,.mini-fee-drilldown-rows.quote-breakdown-rows > div > input,.quote-breakdown-row strong,.quote-breakdown-row input):not(#sq-final-expanded-result-card-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-fee-itemization-row > strong,.mini-fee-itemization-row > input,.mini-fee-itemization-row > summary > strong,.mini-fee-itemization-row > summary > input,.mini-fee-drilldown-rows.quote-breakdown-rows > div > strong,.mini-fee-drilldown-rows.quote-breakdown-rows > div > input,.quote-breakdown-row strong,.quote-breakdown-row input):not(#sq-final-expanded-result-card-type-lock) { font-size: 14px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.14 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-rate-details span,.mini-rate-details b,.mini-rate-details em,.mini-fee-itemization-row > span,.mini-fee-itemization-row > summary > span,.mini-fee-drilldown-rows.quote-breakdown-rows > div > span,.quote-breakdown-row span):not(#sq-final-expanded-result-card-type-lock) { color: color-mix(in srgb, #071523 82%, #52677f) !important; -webkit-text-fill-color: color-mix(in srgb, #071523 82%, #52677f) !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-rate-details .mini-rate-detail-value,.mini-fee-itemization-row > strong,.mini-fee-itemization-row > input,.mini-fee-itemization-row > summary > strong,.mini-fee-itemization-row > summary > input,.mini-fee-drilldown-rows.quote-breakdown-rows > div > strong,.mini-fee-drilldown-rows.quote-breakdown-rows > div > input,.quote-breakdown-row strong,.quote-breakdown-row input):not(#sq-final-expanded-result-card-type-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-rate-details span,.mini-rate-details b,.mini-rate-details em,.mini-fee-itemization-row > span,.mini-fee-itemization-row > summary > span,.mini-fee-drilldown-rows.quote-breakdown-rows > div > span,.quote-breakdown-row span):not(#sq-final-expanded-result-card-type-lock) { color: #b9d7ef !important; -webkit-text-fill-color: #b9d7ef !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-price-option .mini-quote-summary :is(.mini-rate-details .mini-rate-detail-value,.mini-fee-itemization-row > strong,.mini-fee-itemization-row > input,.mini-fee-itemization-row > summary > strong,.mini-fee-itemization-row > summary > input,.mini-fee-drilldown-rows.quote-breakdown-rows > div > strong,.mini-fee-drilldown-rows.quote-breakdown-rows > div > input,.quote-breakdown-row strong,.quote-breakdown-row input):not(#sq-final-expanded-result-card-type-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-side-controls :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp :is(.mini-comp-heading,.mini-comp-label,.mini-comp-values > strong,.mini-comp-values > b,.mini-comp-percent-input):not(#sq-final-expanded-result-card-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-side-controls :is(.mini-lpc-comp,.mini-second-lpc-comp).mini-summary-comp :is(.mini-comp-heading,.mini-comp-label,.mini-comp-values > strong,.mini-comp-values > b,.mini-comp-percent-input):not(#sq-final-expanded-result-card-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; } /* Final lower mortgage drawer typography: Add-ons, Eligibility, and Escrow Prepaids use the same StreamQuote font collapsed and expanded. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-pricing-addons-drawer > summary, .mini-pricing-addons-drawer > summary :is(span,strong,b,em), .mini-pricing-addons-drawer .eligibility-pricing-addons, .mini-pricing-addons-drawer .eligibility-pricing-addons :is(.eligibility-subhead,.eligibility-subhead span,.eligibility-subhead strong,.eligibility-addon-list,.eligibility-addon-row,.eligibility-addon-row span,.eligibility-addon-row strong,.eligibility-addon-row em), .mini-eligibility-drawer > summary, .mini-eligibility-drawer > summary :is(span,strong,b,em,.source-pill,.eligibility-window-mode), .mini-eligibility-drawer .eligibility-snapshot-card, .mini-eligibility-drawer .eligibility-snapshot-card :is(.eyebrow,.eligibility-legend,.eligibility-legend span,.eligibility-legend b,.eligibility-legend em,.guideline-chip,.guideline-chip span,.guideline-chip strong,.matrix-head,.matrix-axis,.matrix-cell,.matrix-cell span,.eligibility-subhead,.eligibility-subhead span,.eligibility-subhead strong,.eligibility-notes,.eligibility-notes li), .mini-fee-itemization-row.is-escrow-drilldown, .mini-fee-itemization-row.is-escrow-drilldown > summary, .mini-fee-itemization-row.is-escrow-drilldown > summary :is(span,strong,input), .mini-fee-itemization-row.is-escrow-drilldown .mini-fee-drilldown-rows, .mini-fee-itemization-row.is-escrow-drilldown .mini-fee-drilldown-rows :is(.quote-breakdown-row,span,strong,input,small), .quote-breakdown-escrow-prepaids, .quote-breakdown-escrow-prepaids :is(summary,summary span,summary strong,.quote-breakdown-controls,.option-detail-include-row,.escrow-toggle-pill,.escrow-toggle-pill b,.tax-fetch-button,.escrow-tax-fetch-button,.option-detail-escrow-grid,label,label input,.quote-breakdown-row,.quote-breakdown-row span,.quote-breakdown-row strong,.quote-breakdown-row input,small) ):not(#sq-final-lower-drawer-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-pricing-addons-drawer > summary, .mini-pricing-addons-drawer > summary :is(span,strong,b,em), .mini-pricing-addons-drawer .eligibility-pricing-addons, .mini-pricing-addons-drawer .eligibility-pricing-addons :is(.eligibility-subhead,.eligibility-subhead span,.eligibility-subhead strong,.eligibility-addon-list,.eligibility-addon-row,.eligibility-addon-row span,.eligibility-addon-row strong,.eligibility-addon-row em), .mini-eligibility-drawer > summary, .mini-eligibility-drawer > summary :is(span,strong,b,em,.source-pill,.eligibility-window-mode), .mini-eligibility-drawer .eligibility-snapshot-card, .mini-eligibility-drawer .eligibility-snapshot-card :is(.eyebrow,.eligibility-legend,.eligibility-legend span,.eligibility-legend b,.eligibility-legend em,.guideline-chip,.guideline-chip span,.guideline-chip strong,.matrix-head,.matrix-axis,.matrix-cell,.matrix-cell span,.eligibility-subhead,.eligibility-subhead span,.eligibility-subhead strong,.eligibility-notes,.eligibility-notes li), .mini-fee-itemization-row.is-escrow-drilldown, .mini-fee-itemization-row.is-escrow-drilldown > summary, .mini-fee-itemization-row.is-escrow-drilldown > summary :is(span,strong,input), .mini-fee-itemization-row.is-escrow-drilldown .mini-fee-drilldown-rows, .mini-fee-itemization-row.is-escrow-drilldown .mini-fee-drilldown-rows :is(.quote-breakdown-row,span,strong,input,small), .quote-breakdown-escrow-prepaids, .quote-breakdown-escrow-prepaids :is(summary,summary span,summary strong,.quote-breakdown-controls,.option-detail-include-row,.escrow-toggle-pill,.escrow-toggle-pill b,.tax-fetch-button,.escrow-tax-fetch-button,.option-detail-escrow-grid,label,label input,.quote-breakdown-row,.quote-breakdown-row span,.quote-breakdown-row strong,.quote-breakdown-row input,small) ):not(#sq-final-lower-drawer-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids) > summary :is(span,.mini-addons-summary-title,.mini-addons-summary-title b,.mini-addons-summary-value,.mini-addons-summary-value b,.eligibility-window-mode):not(#sq-final-lower-drawer-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids) > summary :is(span,.mini-addons-summary-title,.mini-addons-summary-title b,.mini-addons-summary-value,.mini-addons-summary-value b,.eligibility-window-mode):not(#sq-final-lower-drawer-type-lock) { font-size: 15px !important; line-height: 1.08 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids) :is(.mini-addons-summary-product,.eligibility-subhead span,.eligibility-addon-row > span,.eligibility-addon-row > span em,.guideline-chip span,.matrix-head,.matrix-axis,.eligibility-legend em,.quote-breakdown-row span,.option-detail-escrow-grid label,.mini-fee-itemization-row.is-escrow-drilldown > summary > span,.mini-fee-itemization-row.is-escrow-drilldown .quote-breakdown-row span):not(#sq-final-lower-drawer-label-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids) :is(.mini-addons-summary-product,.eligibility-subhead span,.eligibility-addon-row > span,.eligibility-addon-row > span em,.guideline-chip span,.matrix-head,.matrix-axis,.eligibility-legend em,.quote-breakdown-row span,.option-detail-escrow-grid label,.mini-fee-itemization-row.is-escrow-drilldown > summary > span,.mini-fee-itemization-row.is-escrow-drilldown .quote-breakdown-row span):not(#sq-final-lower-drawer-label-lock) { font-size: 13px !important; line-height: 1.14 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids) :is(.mini-addons-summary-value b,.eligibility-subhead strong,.eligibility-addon-row > strong,.guideline-chip strong,.matrix-cell span,.eligibility-legend b,.quote-breakdown-row strong,.quote-breakdown-row input,.option-detail-escrow-grid input,.mini-fee-itemization-row.is-escrow-drilldown > summary > strong,.mini-fee-itemization-row.is-escrow-drilldown > summary > input,.mini-fee-itemization-row.is-escrow-drilldown .quote-breakdown-row strong,.mini-fee-itemization-row.is-escrow-drilldown .quote-breakdown-row input):not(#sq-final-lower-drawer-value-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids) :is(.mini-addons-summary-value b,.eligibility-subhead strong,.eligibility-addon-row > strong,.guideline-chip strong,.matrix-cell span,.eligibility-legend b,.quote-breakdown-row strong,.quote-breakdown-row input,.option-detail-escrow-grid input,.mini-fee-itemization-row.is-escrow-drilldown > summary > strong,.mini-fee-itemization-row.is-escrow-drilldown > summary > input,.mini-fee-itemization-row.is-escrow-drilldown .quote-breakdown-row strong,.mini-fee-itemization-row.is-escrow-drilldown .quote-breakdown-row input):not(#sq-final-lower-drawer-value-lock) { font-size: 14px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.12 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids) :is(summary,summary span,.mini-addons-summary-title,.eligibility-subhead span,.eligibility-addon-row > span,.guideline-chip span,.matrix-head,.matrix-axis,.eligibility-legend em,.quote-breakdown-row span,.option-detail-escrow-grid label,.mini-fee-itemization-row.is-escrow-drilldown > summary > span,.mini-fee-itemization-row.is-escrow-drilldown .quote-breakdown-row span):not(#sq-final-lower-drawer-color-lock) { color: #0b70b7 !important; -webkit-text-fill-color: #0b70b7 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids) :is(.mini-addons-summary-value b,.eligibility-subhead strong,.eligibility-addon-row > strong,.guideline-chip strong,.matrix-cell span,.eligibility-legend b,.quote-breakdown-row strong,.quote-breakdown-row input,.option-detail-escrow-grid input,.mini-fee-itemization-row.is-escrow-drilldown > summary > strong,.mini-fee-itemization-row.is-escrow-drilldown > summary > input,.mini-fee-itemization-row.is-escrow-drilldown .quote-breakdown-row strong,.mini-fee-itemization-row.is-escrow-drilldown .quote-breakdown-row input):not(#sq-final-lower-drawer-color-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids) :is(summary,summary span,.mini-addons-summary-title,.eligibility-subhead span,.eligibility-addon-row > span,.guideline-chip span,.matrix-head,.matrix-axis,.eligibility-legend em,.quote-breakdown-row span,.option-detail-escrow-grid label,.mini-fee-itemization-row.is-escrow-drilldown > summary > span,.mini-fee-itemization-row.is-escrow-drilldown .quote-breakdown-row span):not(#sq-final-lower-drawer-color-lock) { color: #9fd0ff !important; -webkit-text-fill-color: #9fd0ff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-pricing-addons-drawer,.mini-eligibility-drawer,.quote-breakdown-escrow-prepaids) :is(.mini-addons-summary-value b,.eligibility-subhead strong,.eligibility-addon-row > strong,.guideline-chip strong,.matrix-cell span,.eligibility-legend b,.quote-breakdown-row strong,.quote-breakdown-row input,.option-detail-escrow-grid input,.mini-fee-itemization-row.is-escrow-drilldown > summary > strong,.mini-fee-itemization-row.is-escrow-drilldown > summary > input,.mini-fee-itemization-row.is-escrow-drilldown .quote-breakdown-row strong,.mini-fee-itemization-row.is-escrow-drilldown .quote-breakdown-row input):not(#sq-final-lower-drawer-color-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-breakdown-escrow-prepaids :is(.escrow-toggle-pill,.tax-fetch-button,.escrow-tax-fetch-button):not(#sq-final-lower-drawer-button-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-breakdown-escrow-prepaids :is(.escrow-toggle-pill,.tax-fetch-button,.escrow-tax-fetch-button):not(#sq-final-lower-drawer-button-lock) { font-size: 14px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; } /* Absolute final mortgage controls and fee/escrow popup rows. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls label, .mini-product-controls label > span:first-child, .mini-product-controls .mini-term-label-row, .mini-product-controls .mini-term-label-row > span:first-child, .mini-fee-strip .mini-loan-amount-tile .mini-fee-tile-head span, .mini-fee-strip .mini-second-loan-amount-tile > span:first-child, .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary, .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), .mini-product-controls .mini-product-choice-shell .quick-choice-options > button, .mini-product-controls .mini-product-choice-shell .quick-choice-options > button :is(strong,span,b,em,small), .mini-product-controls .mini-static-control, .mini-product-controls select, .mini-fee-strip .mini-loan-amount-tile > :is(strong,input), .mini-fee-strip .mini-second-loan-amount-tile > :is(strong,input), .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary, .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary :is(span,strong,input), .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows, .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row, .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row :is(span,strong,input,small,button) ):not(#sq-absolute-final-mortgage-controls-fees-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls label, .mini-product-controls label > span:first-child, .mini-product-controls .mini-term-label-row, .mini-product-controls .mini-term-label-row > span:first-child, .mini-fee-strip .mini-loan-amount-tile .mini-fee-tile-head span, .mini-fee-strip .mini-second-loan-amount-tile > span:first-child, .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary, .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), .mini-product-controls .mini-product-choice-shell .quick-choice-options > button, .mini-product-controls .mini-product-choice-shell .quick-choice-options > button :is(strong,span,b,em,small), .mini-product-controls .mini-static-control, .mini-product-controls select, .mini-fee-strip .mini-loan-amount-tile > :is(strong,input), .mini-fee-strip .mini-second-loan-amount-tile > :is(strong,input), .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary, .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary :is(span,strong,input), .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows, .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row, .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row :is(span,strong,input,small,button) ):not(#sq-absolute-final-mortgage-controls-fees-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls label > span:first-child, .mini-product-controls .mini-term-label-row > span:first-child, .mini-fee-strip .mini-loan-amount-tile .mini-fee-tile-head span, .mini-fee-strip .mini-second-loan-amount-tile > span:first-child, .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary > span:first-child, .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span, .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span :is(span,b,em,small) ):not(#sq-absolute-final-mortgage-label-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls label > span:first-child, .mini-product-controls .mini-term-label-row > span:first-child, .mini-fee-strip .mini-loan-amount-tile .mini-fee-tile-head span, .mini-fee-strip .mini-second-loan-amount-tile > span:first-child, .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary > span:first-child, .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span, .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span :is(span,b,em,small) ):not(#sq-absolute-final-mortgage-label-lock) { font-size: 14px !important; line-height: 1.15 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls label > span:first-child, .mini-product-controls .mini-term-label-row > span:first-child, .mini-fee-strip .mini-loan-amount-tile .mini-fee-tile-head span, .mini-fee-strip .mini-second-loan-amount-tile > span:first-child ):not(#sq-absolute-final-mortgage-label-color-lock) { color: #0b70b7 !important; -webkit-text-fill-color: #0b70b7 !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls label > span:first-child, .mini-product-controls .mini-term-label-row > span:first-child, .mini-fee-strip .mini-loan-amount-tile .mini-fee-tile-head span, .mini-fee-strip .mini-second-loan-amount-tile > span:first-child ):not(#sq-absolute-final-mortgage-label-color-lock) { color: #9fd0ff !important; -webkit-text-fill-color: #9fd0ff !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary, .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), .mini-product-controls .mini-static-control, .mini-product-controls select, .mini-fee-strip .mini-loan-amount-tile > :is(strong,input), .mini-fee-strip .mini-second-loan-amount-tile > :is(strong,input), .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary > :is(strong,input), .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > :is(strong,input) ):not(#sq-absolute-final-mortgage-value-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary, .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), .mini-product-controls .mini-static-control, .mini-product-controls select, .mini-fee-strip .mini-loan-amount-tile > :is(strong,input), .mini-fee-strip .mini-second-loan-amount-tile > :is(strong,input), .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown) > summary > :is(strong,input), .mini-price-option .mini-quote-summary .mini-fee-drilldown:is(.is-fees-drilldown,.is-escrow-drilldown)[open] > .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > :is(strong,input) ):not(#sq-absolute-final-mortgage-value-lock) { font-size: 16px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.1 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button:not(#sq-absolute-final-mortgage-menu-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-absolute-final-mortgage-menu-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button:not(#sq-absolute-final-mortgage-menu-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-product-controls .mini-product-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-absolute-final-mortgage-menu-lock) { font-size: 15px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; line-height: 1.12 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-eligibility-drawer[open] .eligibility-snapshot-head .eligibility-head-title:not(#sq-hide-expanded-eligibility-inner-title), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-eligibility-drawer[open] .eligibility-snapshot-head .eligibility-head-title:not(#sq-hide-expanded-eligibility-inner-title) { display: none !important; } /* Final borrower quote preview typography consolidation. */ .borrower-quote-page :is( .borrower-quote-shell, .borrower-quote-shell :is(h1,h2,h3,h4,p,span,strong,small,b,em,div,summary,button,a,input,label) ):not(#sq-final-borrower-quote-type-lock), body[data-app-view="quotePreview"] .quote-preview-workspace :is(iframe,div,span,strong,small,button,input,label):not(#sq-final-borrower-quote-type-lock) { font-family: var(--sq-font-family) !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; } .borrower-quote-page :is(.borrower-quote-info-card h2,.borrower-quote-section-head h2,.borrower-quote-next h2):not(#sq-final-borrower-quote-heading-lock) { color: #15324a !important; font-size: 26px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.08 !important; } .borrower-quote-page .borrower-quote-info-grid span:not(#sq-final-borrower-quote-label-lock), .borrower-quote-page .borrower-quote-option-body h4:not(#sq-final-borrower-quote-label-lock), .borrower-quote-page .borrower-quote-fee-popover-head span:not(#sq-final-borrower-quote-label-lock), .borrower-quote-page .borrower-quote-doc-grid span:not(#sq-final-borrower-quote-label-lock), .borrower-quote-page .borrower-quote-signature-card span:not(#sq-final-borrower-quote-label-lock) { color: #0b70b7 !important; font-size: 13px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-transform: none !important; -webkit-text-fill-color: #0b70b7 !important; } .borrower-quote-page .borrower-quote-info-grid strong:not(#sq-final-borrower-quote-info-value-lock) { color: #071523 !important; font-size: 16px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.12 !important; -webkit-text-fill-color: #071523 !important; } .borrower-quote-page .borrower-quote-option-top > span:not(#sq-final-borrower-quote-badge-lock) { background: #e7f2ff !important; color: #0b70b7 !important; font-size: 12px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1 !important; text-transform: none !important; -webkit-text-fill-color: #0b70b7 !important; } .borrower-quote-page .borrower-quote-option-top h3:not(#sq-final-borrower-quote-title-lock), .borrower-quote-page .borrower-quote-option-top h3 :is(b,small):not(#sq-final-borrower-quote-title-lock) { color: #071523 !important; font-size: 21px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.08 !important; -webkit-text-fill-color: #071523 !important; } .borrower-quote-page .borrower-quote-option-top > strong:not(#sq-final-borrower-quote-payment-lock) { color: #15324a !important; font-size: 38px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: .98 !important; -webkit-text-fill-color: #15324a !important; } .borrower-quote-page .borrower-quote-option-top > strong small:not(#sq-final-borrower-quote-payment-lock) { color: #536782 !important; font-size: 15px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; -webkit-text-fill-color: #536782 !important; } .borrower-quote-page :is(.borrower-quote-option-body,.borrower-quote-detail-rows) > div > span:not(#sq-final-borrower-quote-row-label-lock), .borrower-quote-page .borrower-quote-fee-detail > summary > span:not(#sq-final-borrower-quote-row-label-lock), .borrower-quote-page .borrower-quote-detail-section > summary > span:not(#sq-final-borrower-quote-row-label-lock), .borrower-quote-page .borrower-quote-doc-grid small:not(#sq-final-borrower-quote-row-label-lock), .borrower-quote-page .borrower-quote-story-panels p:not(#sq-final-borrower-quote-row-label-lock) { color: #33506e !important; font-size: 14px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.25 !important; text-transform: none !important; -webkit-text-fill-color: #33506e !important; } .borrower-quote-page :is(.borrower-quote-option-body,.borrower-quote-detail-rows) > div > strong:not(.is-credit):not(.is-cost):not(#sq-final-borrower-quote-row-value-lock), .borrower-quote-page .borrower-quote-fee-detail > summary > strong:not(#sq-final-borrower-quote-row-value-lock), .borrower-quote-page .borrower-quote-detail-section > summary > strong:not(#sq-final-borrower-quote-row-value-lock), .borrower-quote-page .borrower-quote-fee-popover-head strong:not(#sq-final-borrower-quote-row-value-lock), .borrower-quote-page .borrower-quote-fee-edit:not(#sq-final-borrower-quote-row-value-lock), .borrower-quote-page .borrower-quote-doc-grid strong:not(#sq-final-borrower-quote-row-value-lock) { color: #071523 !important; font-size: 14px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.18 !important; -webkit-text-fill-color: #071523 !important; } .borrower-quote-page :is(.borrower-quote-option-body,.borrower-quote-detail-rows) .is-highlight :is(span,strong):not(#sq-final-borrower-quote-highlight-lock), .borrower-quote-page .borrower-quote-fee-detail.is-bottom-total-popover .borrower-quote-detail-rows div.is-highlight :is(span,strong):not(#sq-final-borrower-quote-highlight-lock) { color: #15324a !important; font-size: 14px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; -webkit-text-fill-color: #15324a !important; } .borrower-quote-page :is(.borrower-quote-option-body,.borrower-quote-detail-rows) :is(.is-credit,.is-credit strong,strong.is-credit):not(#sq-final-borrower-quote-tone-lock) { color: #0f7b47 !important; -webkit-text-fill-color: #0f7b47 !important; } .borrower-quote-page :is(.borrower-quote-option-body,.borrower-quote-detail-rows) :is(.is-cost,.is-cost strong,strong.is-cost):not(#sq-final-borrower-quote-tone-lock) { color: #b01818 !important; -webkit-text-fill-color: #b01818 !important; } .borrower-quote-page .borrower-quote-detail-rows small:not(#sq-final-borrower-quote-note-lock) { color: #536782 !important; font-size: 11px !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; line-height: 1.15 !important; -webkit-text-fill-color: #536782 !important; } .borrower-quote-page :is(.borrower-quote-actions a,.borrower-quote-actions button,.borrower-quote-doc-toggle button,.quote-preview-toolbar button):not(#sq-final-borrower-quote-button-lock) { font-family: var(--sq-font-family) !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; } html[data-theme="dark"] .borrower-quote-page :is(.borrower-quote-info-card h2,.borrower-quote-section-head h2,.borrower-quote-next h2,.borrower-quote-option-top h3,.borrower-quote-option-top h3 :is(b,small),.borrower-quote-option-top > strong):not(#sq-final-borrower-quote-dark-heading-lock) { color: #edf5fb !important; -webkit-text-fill-color: #edf5fb !important; } html[data-theme="dark"] .borrower-quote-page :is(.borrower-quote-info-grid span,.borrower-quote-option-body h4,.borrower-quote-fee-popover-head span,.borrower-quote-doc-grid span,.borrower-quote-signature-card span):not(#sq-final-borrower-quote-dark-label-lock) { color: #9fd0ff !important; -webkit-text-fill-color: #9fd0ff !important; } html[data-theme="dark"] .borrower-quote-page :is(.borrower-quote-info-grid strong,.borrower-quote-option-body > div > strong,.borrower-quote-detail-rows > div > strong,.borrower-quote-fee-detail > summary > strong,.borrower-quote-detail-section > summary > strong,.borrower-quote-fee-popover-head strong,.borrower-quote-fee-edit,.borrower-quote-doc-grid strong):not(.is-credit):not(.is-cost):not(#sq-final-borrower-quote-dark-value-lock) { color: #edf5fb !important; -webkit-text-fill-color: #edf5fb !important; } html[data-theme="dark"] .borrower-quote-page :is(.borrower-quote-option-body > div > span,.borrower-quote-detail-rows > div > span,.borrower-quote-fee-detail > summary > span,.borrower-quote-detail-section > summary > span,.borrower-quote-doc-grid small,.borrower-quote-story-panels p,.borrower-quote-detail-rows small,.borrower-quote-option-top > strong small):not(#sq-final-borrower-quote-dark-muted-lock) { color: #b8cbe0 !important; -webkit-text-fill-color: #b8cbe0 !important; } html[data-theme="dark"] .borrower-quote-page .borrower-quote-option-top > span:not(#sq-final-borrower-quote-dark-badge-lock) { background: color-mix(in srgb, var(--accent) 20%, #111820) !important; color: #d7efff !important; -webkit-text-fill-color: #d7efff !important; } html[data-theme="dark"] .borrower-quote-page :is(.borrower-quote-option-body,.borrower-quote-detail-rows) .is-highlight :is(span,strong):not(#sq-final-borrower-quote-dark-highlight-lock), html[data-theme="dark"] .borrower-quote-page .borrower-quote-fee-detail.is-bottom-total-popover .borrower-quote-detail-rows div.is-highlight :is(span,strong):not(#sq-final-borrower-quote-dark-highlight-lock) { color: #edf5fb !important; -webkit-text-fill-color: #edf5fb !important; } html[data-theme="dark"] .borrower-quote-page :is(.borrower-quote-option-body,.borrower-quote-detail-rows) :is(.is-credit,.is-credit strong,strong.is-credit):not(#sq-final-borrower-quote-dark-tone-lock) { color: #64f0a8 !important; -webkit-text-fill-color: #64f0a8 !important; } html[data-theme="dark"] .borrower-quote-page :is(.borrower-quote-option-body,.borrower-quote-detail-rows) :is(.is-cost,.is-cost strong,strong.is-cost):not(#sq-final-borrower-quote-dark-tone-lock) { color: #ff8a8a !important; -webkit-text-fill-color: #ff8a8a !important; } /* Final quote summary and compact rate-sheet typography lock. */ .mini-quote-summary .mini-fee-itemization :is( .mini-fee-itemization-row > span, .mini-fee-itemization-row > .mini-row-label-with-toggle, .mini-fee-itemization-row > .mini-row-label-with-toggle :is(span,button), .mini-fee-itemization-row > summary > span, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span ):not(#sq-final-quote-row-label-lock) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.14 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #071523 !important; } .mini-quote-summary .mini-fee-itemization :is( .mini-fee-itemization-row > strong, .mini-fee-itemization-row > input, .mini-fee-itemization-row > .mini-fee-value, .mini-fee-itemization-row > summary > strong, .mini-fee-itemization-row > summary > input, .mini-fee-itemization-row > summary > .mini-fee-value, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > strong, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > input ):not([data-mini-fee-tone="credit"]):not([data-mini-fee-tone="cost"]):not([data-mini-pricing-adjustment-value]):not(#sq-final-quote-row-value-lock) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 16px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-align: right !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #071523 !important; } .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row:is(.credit,[data-mini-fee-tone="credit"],[data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]) > :is(strong,input,.mini-fee-value):not(#sq-final-quote-row-tone-lock), .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row > :is(strong,input,.mini-fee-value):is([data-mini-fee-tone="credit"],[data-mini-pricing-adjustment-value="credit"],[data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not(#sq-final-quote-row-tone-lock) { --sq-mini-pricing-adjustment-value-color: #0d7a3a !important; color: var(--sq-mini-pricing-adjustment-value-color, #0d7a3a) !important; font-family: var(--sq-font-family) !important; font-size: 16px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.08 !important; -webkit-text-fill-color: var(--sq-mini-pricing-adjustment-value-color, #0d7a3a) !important; } .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row:is(.cost,[data-mini-fee-tone="cost"],[data-mini-fee-kind="discount-points"]) > :is(strong,input,.mini-fee-value):not(#sq-final-quote-row-tone-lock), .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row > :is(strong,input,.mini-fee-value):is([data-mini-fee-tone="cost"],[data-mini-pricing-adjustment-value="cost"],[data-mini-fee-kind="discount-points"]):not(#sq-final-quote-row-tone-lock) { --sq-mini-pricing-adjustment-value-color: #b42318 !important; color: var(--sq-mini-pricing-adjustment-value-color, #b42318) !important; font-family: var(--sq-font-family) !important; font-size: 16px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.08 !important; -webkit-text-fill-color: var(--sq-mini-pricing-adjustment-value-color, #b42318) !important; } html[data-theme="dark"] .mini-quote-summary .mini-fee-itemization :is( .mini-fee-itemization-row > span, .mini-fee-itemization-row > .mini-row-label-with-toggle, .mini-fee-itemization-row > .mini-row-label-with-toggle :is(span,button), .mini-fee-itemization-row > summary > span, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > span ):not(#sq-final-quote-row-dark-label-lock) { color: #d7ebff !important; -webkit-text-fill-color: #d7ebff !important; } html[data-theme="dark"] .mini-quote-summary .mini-fee-itemization :is( .mini-fee-itemization-row > strong, .mini-fee-itemization-row > input, .mini-fee-itemization-row > .mini-fee-value, .mini-fee-itemization-row > summary > strong, .mini-fee-itemization-row > summary > input, .mini-fee-itemization-row > summary > .mini-fee-value, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > strong, .mini-fee-drilldown-rows.quote-breakdown-rows > .quote-breakdown-row > input ):not([data-mini-fee-tone="credit"]):not([data-mini-fee-tone="cost"]):not([data-mini-pricing-adjustment-value]):not(#sq-final-quote-row-dark-value-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row:is(.credit,[data-mini-fee-tone="credit"],[data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]) > :is(strong,input,.mini-fee-value):not(#sq-final-quote-row-dark-tone-lock), html[data-theme="dark"] .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row > :is(strong,input,.mini-fee-value):is([data-mini-fee-tone="credit"],[data-mini-pricing-adjustment-value="credit"],[data-mini-fee-kind="lender-credit"],[data-mini-fee-kind="seller-credit"],[data-mini-fee-kind="second-loan-proceeds"]):not(#sq-final-quote-row-dark-tone-lock) { --sq-mini-pricing-adjustment-value-color: #64f0a8 !important; color: var(--sq-mini-pricing-adjustment-value-color, #64f0a8) !important; -webkit-text-fill-color: var(--sq-mini-pricing-adjustment-value-color, #64f0a8) !important; } html[data-theme="dark"] .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row:is(.cost,[data-mini-fee-tone="cost"],[data-mini-fee-kind="discount-points"]) > :is(strong,input,.mini-fee-value):not(#sq-final-quote-row-dark-tone-lock), html[data-theme="dark"] .mini-quote-summary .mini-fee-itemization .mini-fee-itemization-row > :is(strong,input,.mini-fee-value):is([data-mini-fee-tone="cost"],[data-mini-pricing-adjustment-value="cost"],[data-mini-fee-kind="discount-points"]):not(#sq-final-quote-row-dark-tone-lock) { --sq-mini-pricing-adjustment-value-color: #ff8a8a !important; color: var(--sq-mini-pricing-adjustment-value-color, #ff8a8a) !important; -webkit-text-fill-color: var(--sq-mini-pricing-adjustment-value-color, #ff8a8a) !important; } .compact-rate-sheet :is(th,.rate-link,.mini-rate-value,.mini-pts-value,.mini-cost-value,.mini-cost-dollar-value,.mini-payment-value,.mini-points-credit-stack b,.mini-points-credit-stack em):not(#sq-final-compact-rate-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } .compact-rate-sheet tbody :is(.mini-rate-value,.mini-payment-value,.mini-cost-dollar-value):not(#sq-final-compact-rate-value-lock) { font-variation-settings: "wght" 950 !important; font-weight: 950 !important; } .compact-rate-sheet tbody :is(.mini-pts-value,.mini-points-credit-stack b,.mini-points-credit-stack em):not(#sq-final-compact-rate-pts-lock) { font-size: 12px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; } .compact-rate-sheet tbody :is(.mini-cost-dollar-value.cost,.mini-cost-value.cost):not(#sq-final-compact-rate-tone-lock) { color: #b42318 !important; -webkit-text-fill-color: #b42318 !important; } .compact-rate-sheet tbody :is(.mini-cost-dollar-value.credit,.mini-cost-value.credit):not(#sq-final-compact-rate-tone-lock) { color: #0d7a3a !important; -webkit-text-fill-color: #0d7a3a !important; } html[data-theme="dark"] .compact-rate-sheet tbody :is(.mini-cost-dollar-value.cost,.mini-cost-value.cost):not(#sq-final-compact-rate-dark-tone-lock) { color: #ff8a8a !important; -webkit-text-fill-color: #ff8a8a !important; } html[data-theme="dark"] .compact-rate-sheet tbody :is(.mini-cost-dollar-value.credit,.mini-cost-value.credit):not(#sq-final-compact-rate-dark-tone-lock) { color: #64f0a8 !important; -webkit-text-fill-color: #64f0a8 !important; } /* Final Control Center preferred investor choice typography lock. */ body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu > summary:not(#sq-control-preferred-investor-choice-final), body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.custom-choice-summary-rich,.mini-pref-display-text):not(#sq-control-preferred-investor-choice-final), body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:not(#sq-control-preferred-investor-choice-final), body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-control-preferred-investor-choice-final) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #071523 !important; } body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:not(#sq-control-preferred-investor-choice-row-final) { font-size: 15px !important; min-height: 36px !important; } body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-control-preferred-investor-active-final), body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):is(:hover,:focus,:focus-visible):not(#sq-control-preferred-investor-active-final) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; outline: 0 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu > summary:not(#sq-control-preferred-investor-choice-final), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.custom-choice-summary-rich,.mini-pref-display-text):not(#sq-control-preferred-investor-choice-final), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:not(#sq-control-preferred-investor-choice-final), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-control-preferred-investor-choice-final) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-control-preferred-investor-active-final), html[data-theme="dark"] body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):is(:hover,:focus,:focus-visible):not(#sq-control-preferred-investor-active-final) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; color: #f6fbff !important; outline: 0 !important; -webkit-text-fill-color: #f6fbff !important; } /* True final Control Center preferred investor + compensation input typography lock. */ body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu > summary:not(#sq-control-investor-comp-value-type-lock), body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.custom-choice-summary-rich,.mini-pref-display-text):not(#sq-control-investor-comp-value-type-lock), body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:not(#sq-control-investor-comp-value-type-lock), body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-control-investor-comp-value-type-lock), body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-comp-override .comp-override-combo input:not(#sq-control-investor-comp-value-type-lock), body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-comp-override .comp-override-combo input::placeholder, body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-comp-override .comp-override-option:not(#sq-control-investor-comp-value-type-lock), body[data-app-view="control"] .investor-comp-panel .investor-comp-row input[type="number"]:not(#sq-control-investor-comp-value-type-lock) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #071523 !important; } body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:not(#sq-control-investor-comp-value-row-lock) { font-size: 15px !important; min-height: 36px !important; } body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-control-investor-comp-active-row-lock), body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):is(:hover,:focus,:focus-visible):not(#sq-control-investor-comp-active-row-lock) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; outline: 0 !important; -webkit-text-fill-color: #071523 !important; } body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-comp-override .comp-override-combo input:not(#sq-control-investor-comp-value-box-lock), body[data-app-view="control"] .investor-comp-panel .investor-comp-row input[type="number"]:not(#sq-control-investor-comp-value-box-lock) { min-height: 32px !important; text-align: center !important; } body[data-app-view="control"] .investor-comp-panel .investor-comp-row input[type="number"]:not(#sq-control-investor-comp-value-box-lock) { font-size: 13px !important; } html[data-theme="dark"] body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu > summary:not(#sq-control-investor-comp-value-type-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.custom-choice-summary-rich,.mini-pref-display-text):not(#sq-control-investor-comp-value-type-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:not(#sq-control-investor-comp-value-type-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-control-investor-comp-value-type-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-comp-override .comp-override-combo input:not(#sq-control-investor-comp-value-type-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-comp-override .comp-override-combo input::placeholder, html[data-theme="dark"] body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-comp-override .comp-override-option:not(#sq-control-investor-comp-value-type-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-comp-panel .investor-comp-row input[type="number"]:not(#sq-control-investor-comp-value-type-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(#sq-control-investor-comp-active-row-lock), html[data-theme="dark"] body[data-app-view="control"] .investor-comp-panel .investor-config-preferred .preferred-investor-field .control-pref-choice-shell .custom-choice-menu[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):is(:hover,:focus,:focus-visible):not(#sq-control-investor-comp-active-row-lock) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; color: #f6fbff !important; outline: 0 !important; -webkit-text-fill-color: #f6fbff !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-comp-choice-shell .custom-choice-menu > summary,.mini-comp-choice-shell .custom-choice-menu > summary strong,.mini-comp-choice-shell .custom-choice-menu > summary span,.mini-comp-choice-shell .quick-choice-options > button,.mini-comp-choice-shell .quick-choice-options > button :is(strong,span,b,em,small),.mini-summary-comp .mini-comp-values > strong,.mini-summary-comp .mini-comp-values > b,.mini-summary-comp .mini-comp-percent-input):not(#sq-mini-comp-all-value-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is(.mini-comp-choice-shell .custom-choice-menu > summary,.mini-comp-choice-shell .custom-choice-menu > summary strong,.mini-comp-choice-shell .custom-choice-menu > summary span,.mini-comp-choice-shell .quick-choice-options > button,.mini-comp-choice-shell .quick-choice-options > button :is(strong,span,b,em,small),.mini-summary-comp .mini-comp-values > strong,.mini-summary-comp .mini-comp-values > b,.mini-summary-comp .mini-comp-percent-input):not(#sq-mini-comp-all-value-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-summary-comp .mini-comp-percent-input:not(#sq-mini-comp-percent-input-box-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-summary-comp .mini-comp-percent-input:not(#sq-mini-comp-percent-input-box-lock) { color: #071523 !important; font-size: 15px !important; line-height: 1.05 !important; min-height: 20px !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-summary-comp .mini-comp-percent-input:not(#sq-mini-comp-percent-input-box-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* Absolute BPC override typography lock for both preferred mortgage columns. */ .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) > span:not(#sq-bpc-override-menu-type-lock), .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-combo input:not(#sq-bpc-override-menu-type-lock), .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-combo input:placeholder-shown:not(#sq-bpc-override-menu-type-lock), .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-combo input::placeholder, .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-menu .comp-override-option:not(#sq-bpc-override-menu-type-lock), .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-menu .comp-override-option:is(:hover,:focus,:focus-visible,.active,.is-auto-option):not(#sq-bpc-override-menu-type-lock) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #071523 !important; } .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) > span:not(#sq-bpc-override-label-type-lock) { color: #0b70b7 !important; font-size: 12px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; } .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-combo input:not(#sq-bpc-override-input-type-lock) { min-height: 34px !important; text-align: center !important; } .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-menu .comp-override-option:not(#sq-bpc-override-option-type-lock) { min-height: 31px !important; text-align: left !important; } .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-menu .comp-override-option:is(.is-auto-option,:hover,:focus,:focus-visible):not(#sq-bpc-override-option-state-lock) { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } html[data-theme="dark"] .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) > span:not(#sq-bpc-override-menu-type-lock), html[data-theme="dark"] .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-combo input:not(#sq-bpc-override-menu-type-lock), html[data-theme="dark"] .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-combo input:placeholder-shown:not(#sq-bpc-override-menu-type-lock), html[data-theme="dark"] .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-combo input::placeholder, html[data-theme="dark"] .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-menu .comp-override-option:not(#sq-bpc-override-menu-type-lock), html[data-theme="dark"] .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-menu .comp-override-option:is(:hover,:focus,:focus-visible,.active,.is-auto-option):not(#sq-bpc-override-menu-type-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) > span:not(#sq-bpc-override-label-type-lock) { color: #9fd0ff !important; -webkit-text-fill-color: #9fd0ff !important; } /* Final Auto-Quote Controls label typography lock. */ .auto-quote-panel :is( .control-framed-label, .auto-quote-fields label > span, .auto-quote-lists > div > span, .auto-quote-card-title, .auto-quote-trigger-chip, .auto-quote-route b ):not(#sq-auto-quote-label-type-lock) { color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #0b70b7 !important; } .auto-quote-panel .control-framed-label:not(#sq-auto-quote-title-type-lock) { font-size: 18px !important; } .auto-quote-panel :is(.auto-quote-fields input,.auto-quote-chip span,.auto-quote-count-summary strong,.auto-quote-count-summary p,.auto-quote-auto-toggle strong,.auto-quote-route em):not(#sq-auto-quote-value-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } .auto-quote-panel .auto-quote-count-summary p:not(#sq-auto-quote-value-type-lock) { color: #35536f !important; -webkit-text-fill-color: #35536f !important; } html[data-theme="dark"] .auto-quote-panel :is( .control-framed-label, .auto-quote-fields label > span, .auto-quote-lists > div > span, .auto-quote-card-title, .auto-quote-trigger-chip, .auto-quote-route b ):not(#sq-auto-quote-label-type-lock) { color: #9fd0ff !important; -webkit-text-fill-color: #9fd0ff !important; } html[data-theme="dark"] .auto-quote-panel .auto-quote-count-summary p:not(#sq-auto-quote-value-type-lock) { color: #cde6ff !important; -webkit-text-fill-color: #cde6ff !important; } /* Final Auto-Quote Controls placement: collapsed tab stays white; open field labels sit tight to inputs. */ html[data-theme="dark"] body[data-app-view="control"] .control-page .auto-quote-panel:not([open]) > .auto-quote-head .control-framed-label:not(#sq-auto-quote-collapsed-title-color-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .auto-quote-panel:not([open]) > .control-collapsible-summary .control-framed-label:not(#sq-auto-quote-collapsed-title-color-lock) { color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #f6fbff !important; } body[data-app-view="control"] .control-page .auto-quote-panel[open] .auto-quote-fields label:not(#sq-auto-quote-field-label-gap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .auto-quote-panel[open] .auto-quote-fields label:not(#sq-auto-quote-field-label-gap-lock) { align-content: end !important; gap: 2px !important; row-gap: 2px !important; } body[data-app-view="control"] .control-page .auto-quote-panel[open] .auto-quote-fields label > span:not(#sq-auto-quote-field-label-gap-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .auto-quote-panel[open] .auto-quote-fields label > span:not(#sq-auto-quote-field-label-gap-lock) { display: block !important; margin: 0 !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .auto-quote-panel[open] :is( .auto-quote-fields label > span, .auto-quote-lists > div > span ):not(#sq-auto-quote-open-label-color-lock) { color: #9fd0ff !important; -webkit-text-fill-color: #9fd0ff !important; } /* Absolute Product/Term preset dropdown lock: closed values and open rows stay dark + StreamQuote weight. */ body[data-app-view="control"] .control-page .pricing-engine-panel .mini-control-option-matrix :is( .mini-control-option-row-label, .mini-control-option-toggle span, .mini-control-choice-shell, .mini-control-choice-shell .custom-choice-menu, .mini-control-choice-shell .custom-choice-menu > summary, .mini-control-choice-shell .custom-choice-menu > summary > strong, .mini-control-choice-shell .custom-choice-menu > summary > strong :is(span,b,em,small), .mini-control-choice-shell .quick-choice-options, .mini-control-choice-shell .quick-choice-options > button, .mini-control-choice-shell .quick-choice-options > button :is(strong,span,b,em,small) ):not(#sq-control-preset-product-term-type-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer .mini-control-option-matrix :is( .mini-control-option-row-label, .mini-control-option-toggle span, .mini-control-choice-shell, .mini-control-choice-shell .custom-choice-menu, .mini-control-choice-shell .custom-choice-menu > summary, .mini-control-choice-shell .custom-choice-menu > summary > strong, .mini-control-choice-shell .custom-choice-menu > summary > strong :is(span,b,em,small), .mini-control-choice-shell .quick-choice-options, .mini-control-choice-shell .quick-choice-options > button, .mini-control-choice-shell .quick-choice-options > button :is(strong,span,b,em,small) ):not(#sq-control-preset-product-term-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .mini-control-option-matrix .mini-control-option-row-label:not(#sq-control-preset-product-term-label-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer .mini-control-option-matrix .mini-control-option-row-label:not(#sq-control-preset-product-term-label-lock) { color: #0b70b7 !important; font-size: 10px !important; -webkit-text-fill-color: #0b70b7 !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .mini-control-option-matrix .mini-control-choice-shell .custom-choice-menu > summary:not(#sq-control-preset-product-term-surface-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer .mini-control-option-matrix .mini-control-choice-shell .custom-choice-menu > summary:not(#sq-control-preset-product-term-surface-lock) { min-height: 40px !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .mini-control-option-matrix .mini-control-choice-shell .custom-choice-menu > summary:not(#sq-control-preset-product-term-dark-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer .mini-control-option-matrix .mini-control-choice-shell .custom-choice-menu > summary:not(#sq-control-preset-product-term-dark-lock) { background: #111820 !important; background-color: #111820 !important; border-color: rgba(159,208,255,.36) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; color: #f6fbff !important; color-scheme: dark !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .mini-control-option-matrix .mini-control-choice-shell .custom-choice-menu > summary > strong:not(#sq-control-preset-product-term-dark-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .mini-control-option-matrix .mini-control-choice-shell .custom-choice-menu > summary > strong :is(span,b,em,small):not(#sq-control-preset-product-term-dark-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer .mini-control-option-matrix .mini-control-choice-shell .custom-choice-menu > summary > strong:not(#sq-control-preset-product-term-dark-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer .mini-control-option-matrix .mini-control-choice-shell .custom-choice-menu > summary > strong :is(span,b,em,small):not(#sq-control-preset-product-term-dark-lock) { color: #f6fbff !important; font-size: 14px !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .mini-control-option-matrix .mini-control-choice-shell .quick-choice-options:not(#sq-control-preset-product-term-menu-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer .mini-control-option-matrix .mini-control-choice-shell .quick-choice-options:not(#sq-control-preset-product-term-menu-lock) { background: #07111b !important; background-color: #07111b !important; border-color: rgba(159,208,255,.44) !important; box-shadow: 0 14px 30px rgba(0,0,0,.38) !important; color: #f6fbff !important; color-scheme: dark !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .mini-control-option-matrix .mini-control-choice-shell .quick-choice-options > button:not(#sq-control-preset-product-term-menu-lock), html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .mini-control-option-matrix .mini-control-choice-shell .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-control-preset-product-term-menu-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer .mini-control-option-matrix .mini-control-choice-shell .quick-choice-options > button:not(#sq-control-preset-product-term-menu-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer .mini-control-option-matrix .mini-control-choice-shell .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-control-preset-product-term-menu-lock) { background: transparent !important; background-color: transparent !important; color: #f6fbff !important; font-size: 14px !important; min-height: 36px !important; padding: 8px 10px !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .mini-control-option-matrix .mini-control-choice-shell .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-control-preset-product-term-menu-active-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-snapshot-presets-drawer .mini-control-option-matrix .mini-control-choice-shell .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-control-preset-product-term-menu-active-lock) { background: color-mix(in srgb, #0b70b7 24%, #111820) !important; background-color: color-mix(in srgb, #0b70b7 24%, #111820) !important; border-color: rgba(159,208,255,.44) !important; color: #ffffff !important; outline: 0 !important; -webkit-text-fill-color: #ffffff !important; } /* Absolute Control Center native Product/Term select lock: browser popup rows stay dark and heavy. */ body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix :is( .pricing-preset-field-head span, .pricing-preset-option-toggle, .pricing-preset-option-toggle span, .pricing-preset-product-select, .pricing-preset-term-select, .pricing-preset-product-select option, .pricing-preset-term-select option ):not(#sq-control-native-product-term-select-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-field-head span:not(#sq-control-native-product-term-label-lock) { color: #0b70b7 !important; font-size: 10px !important; -webkit-text-fill-color: #0b70b7 !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix :is(.pricing-preset-product-select,.pricing-preset-term-select):not(#sq-control-native-product-term-select-lock) { font-size: 14px !important; min-height: 40px !important; text-align: center !important; text-align-last: center !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix :is(.pricing-preset-product-select option,.pricing-preset-term-select option):not(#sq-control-native-product-term-option-lock) { font-size: 14px !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix :is(.pricing-preset-product-select,.pricing-preset-term-select):not(#sq-control-native-product-term-select-dark-lock) { background: #111820 !important; background-color: #111820 !important; border-color: rgba(159,208,255,.36) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; color: #f6fbff !important; color-scheme: dark !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix :is(.pricing-preset-product-select option,.pricing-preset-term-select option):not(#sq-control-native-product-term-option-dark-lock) { background: #07111b !important; background-color: #07111b !important; color: #f6fbff !important; color-scheme: dark !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix :is(.pricing-preset-product-select option:checked,.pricing-preset-term-select option:checked):not(#sq-control-native-product-term-option-dark-lock) { background: color-mix(in srgb, #0b70b7 36%, #07111b) !important; background-color: color-mix(in srgb, #0b70b7 36%, #07111b) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell:not(#sq-control-custom-product-term-menu-lock), body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .custom-choice-menu:not(#sq-control-custom-product-term-menu-lock) { display: block !important; min-width: 0 !important; width: 100% !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .custom-choice-menu > summary:not(#sq-control-custom-product-term-menu-lock), body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .custom-choice-menu > summary > strong:not(#sq-control-custom-product-term-menu-lock), body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .quick-choice-options > button:not(#sq-control-custom-product-term-menu-lock) { font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .custom-choice-menu > summary:not(#sq-control-custom-product-term-menu-lock) { align-items: center !important; background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: 7px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; min-height: 40px !important; padding: 8px 9px !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .custom-choice-menu > summary::after { content: none !important; display: none !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .custom-choice-menu > summary > strong:not(#sq-control-custom-product-term-menu-lock) { color: #071523 !important; display: block !important; min-width: 0 !important; overflow: hidden !important; text-align: center !important; text-overflow: ellipsis !important; white-space: nowrap !important; -webkit-text-fill-color: #071523 !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .quick-choice-options:not(#sq-control-custom-product-term-menu-lock) { min-width: max(100%, 146px) !important; z-index: 180 !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .quick-choice-options > button:not(#sq-control-custom-product-term-menu-lock) { min-height: 36px !important; padding: 8px 10px !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell.is-option-disabled .custom-choice-menu:not(#sq-control-custom-product-term-menu-lock) { pointer-events: none !important; } body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell.is-option-disabled .custom-choice-menu > summary:not(#sq-control-custom-product-term-menu-lock) { opacity: .52 !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .custom-choice-menu > summary:not(#sq-control-custom-product-term-menu-dark-lock) { background: #111820 !important; background-color: #111820 !important; border-color: rgba(159,208,255,.36) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; color: #f6fbff !important; color-scheme: dark !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .custom-choice-menu > summary > strong:not(#sq-control-custom-product-term-menu-dark-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .quick-choice-options:not(#sq-control-custom-product-term-menu-dark-lock) { background: #07111b !important; background-color: #07111b !important; border-color: rgba(159,208,255,.44) !important; box-shadow: 0 14px 30px rgba(0,0,0,.38) !important; color: #f6fbff !important; color-scheme: dark !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .quick-choice-options > button:not(#sq-control-custom-product-term-menu-dark-lock) { background: transparent !important; background-color: transparent !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="control"] .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-control-custom-product-term-menu-dark-lock) { background: color-mix(in srgb, #0b70b7 24%, #111820) !important; background-color: color-mix(in srgb, #0b70b7 24%, #111820) !important; color: #ffffff !important; outline: 0 !important; -webkit-text-fill-color: #ffffff !important; } body[data-app-view="control"] .pricing-engine-panel .pricing-preset-matrix .pricing-preset-field-head > span:not(:first-child):not(#sq-absolute-control-product-term-head-lock), html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel .pricing-preset-matrix .pricing-preset-field-head > span:not(:first-child):not(#sq-absolute-control-product-term-head-lock) { color: #0b70b7 !important; font-family: var(--sq-font-family) !important; font-size: 10px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #0b70b7 !important; } html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .quick-choice-options > button.active:not(#sq-absolute-control-product-term-active-row-lock), html[data-theme="dark"] body[data-app-view="control"] .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .quick-choice-options > button:is(:hover,:focus,:focus-visible):not(#sq-absolute-control-product-term-active-row-lock) { background: color-mix(in srgb, #0b70b7 28%, #111820) !important; background-color: color-mix(in srgb, #0b70b7 28%, #111820) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Absolute collapsed Property Type selector lock: display value and open rows use the approved StreamQuote typography in every pane. */ body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell, body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu, body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu > summary, body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu > summary > strong, body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu > summary > strong :is(span,b,em,small,.property-type-label-full,.property-type-label-short), body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu[open] > .quick-choice-options > button, body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu[open] > .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-collapsed-property-type-absolute-lock) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #071523 !important; } body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu > summary, body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu > summary > strong, body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu > summary > strong :is(span,b,em,small,.property-type-label-full,.property-type-label-short) { font-size: 16px !important; text-align: center !important; } body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu[open] > .quick-choice-options > button, body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu[open] > .quick-choice-options > button :is(strong,span,b,em,small) { font-size: 15px !important; text-align: left !important; } body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu[open] > .quick-choice-options > button { min-height: 38px !important; padding: 8px 14px !important; } body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu[open] > .quick-choice-options > button:is(.active,[aria-selected="true"],:focus,:focus-visible):not(:hover) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; outline: 0 !important; } html[data-theme="dark"] body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell, html[data-theme="dark"] body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu, html[data-theme="dark"] body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu > summary, html[data-theme="dark"] body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu > summary > strong, html[data-theme="dark"] body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu > summary > strong :is(span,b,em,small,.property-type-label-full,.property-type-label-short), html[data-theme="dark"] body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu[open] > .quick-choice-options > button, html[data-theme="dark"] body .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell.custom-choice-shell > .custom-choice-menu[open] > .quick-choice-options > button :is(strong,span,b,em,small):not(#sq-collapsed-property-type-absolute-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* Final dark expanded mortgage surface lock: keep only the header strip raised; everything below uses the quote-card black. */ html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open]:not(#sq-dark-mortgage-surface-lock) { background: #07111b !important; background-color: #07111b !important; border-color: rgba(159,208,255,.38) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.26) !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head:not(#sq-dark-mortgage-header-surface-lock) { background: var(--lead-dark-card) !important; background-color: var(--lead-dark-card) !important; border-radius: 7px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important; margin-bottom: 6px !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .pricing-presets-drawer, .pricing-presets-drawer > .pricing-presets-summary, .pricing-presets-body, .mini-control-cluster, .mini-control-stack-grid, .mini-control-stack, .quote-selection-stack, .quote-selection-rows, .quote-selection-row, .mini-rate-snapshot-body, .mini-price-option, .mini-snapshot-layout, .mini-snapshot-side-controls, .mini-product-controls, .mini-product-controls label, .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary, .mini-product-controls .mini-static-control, .mini-product-controls select, .mini-summary-comp, .mini-fee-strip, .mini-fee-strip > div, .mini-fee-note, .mini-quote-summary ):not(#sq-dark-mortgage-surface-lock) { background: #07111b !important; background-color: #07111b !important; background-image: none !important; color-scheme: dark !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .pricing-presets-drawer, .mini-control-cluster, .mini-product-controls label, .mini-product-controls .mini-product-choice-shell .custom-choice-menu > summary, .mini-summary-comp, .mini-fee-strip > div, .mini-fee-note, .mini-quote-summary ):not(#sq-dark-mortgage-border-lock) { border-color: rgba(159,208,255,.34) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important; } /* Final fee action and month/year control lock: Buyout/Re-issue stay on the StreamQuote button type in light and dark. */ body .mini-rate-snapshot-frame .mini-fee-itemization :is( .fee-buyout-toggle[data-mini-origination-buyout], .fee-title-reissue-toggle, .fee-title-reissue-date-selects select, .fee-title-reissue-date-selects option ):not(#sq-fee-action-month-final-type-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization :is( .fee-buyout-toggle[data-mini-origination-buyout], .fee-title-reissue-toggle, .fee-title-reissue-date-selects select, .fee-title-reissue-date-selects option ):not(#sq-fee-action-month-final-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } body .mini-rate-snapshot-frame .mini-fee-itemization :is( .fee-buyout-toggle[data-mini-origination-buyout], .fee-title-reissue-toggle ):not(#sq-fee-action-button-final-shape-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization :is( .fee-buyout-toggle[data-mini-origination-buyout], .fee-title-reissue-toggle ):not(#sq-fee-action-button-final-shape-lock) { align-items: center !important; background: linear-gradient(180deg,#1587e8 0%,#0879d8 100%) !important; background-color: #0d83e6 !important; border: 1px solid color-mix(in srgb,#0d83e6 82%,#ffffff) !important; border-radius: 999px !important; box-shadow: 0 6px 14px rgba(0,128,218,.22), inset 0 1px 0 rgba(255,255,255,.22) !important; color: #f6fbff !important; display: inline-flex !important; font-size: 12px !important; justify-content: center !important; min-height: 28px !important; padding: 6px 13px !important; -webkit-text-fill-color: #f6fbff !important; } body .mini-rate-snapshot-frame .mini-fee-itemization :is( .fee-buyout-toggle[data-mini-origination-buyout], .fee-title-reissue-toggle ):is(:hover,:focus,.is-on):not(#sq-fee-action-button-final-active-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization :is( .fee-buyout-toggle[data-mini-origination-buyout], .fee-title-reissue-toggle ):is(:hover,:focus,.is-on):not(#sq-fee-action-button-final-active-lock) { background: linear-gradient(180deg,#1a91f2 0%,#0879d8 100%) !important; background-color: #0d83e6 !important; border-color: color-mix(in srgb,#0d83e6 88%,#ffffff) !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } body .mini-rate-snapshot-frame .mini-fee-itemization .fee-title-reissue-date-selects:not(#sq-fee-action-month-final-layout-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-date-selects:not(#sq-fee-action-month-final-layout-lock) { align-items: center !important; gap: 5px !important; } body .mini-rate-snapshot-frame .mini-fee-itemization .fee-title-reissue-date-selects select:not(#sq-fee-action-month-final-shape-lock), html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-date-selects select:not(#sq-fee-action-month-final-shape-lock) { appearance: auto !important; background: #eaf6ff !important; background-color: #eaf6ff !important; border: 1px solid color-mix(in srgb,#0d83e6 62%,#c9dff2) !important; border-radius: 999px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 2px 6px rgba(16,24,32,.08) !important; color: #0b4f8f !important; font-size: 12px !important; height: 28px !important; min-height: 28px !important; min-width: 78px !important; padding: 0 8px !important; -webkit-text-fill-color: #0b4f8f !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-fee-itemization .fee-title-reissue-date-selects select:not(#sq-fee-action-month-final-dark-lock) { background: #eaf6ff !important; background-color: #eaf6ff !important; border-color: rgba(159,208,255,.78) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 4px 10px rgba(0,0,0,.24) !important; color: #0b4f8f !important; -webkit-text-fill-color: #0b4f8f !important; } /* Final Quote Preview lender logo sizing: give every option card the same larger logo box. */ .borrower-quote-page .borrower-quote-option.has-lender-logo .borrower-quote-option-top:not(#sq-final-borrower-quote-logo-room-lock) { padding-right: 196px !important; } .borrower-quote-page .borrower-quote-option-lender-logo:not(#sq-final-borrower-quote-logo-size-lock) { display: block !important; height: 52px !important; max-height: 52px !important; max-width: 172px !important; object-fit: contain !important; object-position: right center !important; position: absolute !important; right: 20px !important; top: 18px !important; width: 172px !important; } @media (max-width: 760px) { .borrower-quote-page .borrower-quote-option.has-lender-logo .borrower-quote-option-top:not(#sq-final-borrower-quote-logo-mobile-room-lock) { padding-right: 20px !important; padding-top: 76px !important; } .borrower-quote-page .borrower-quote-option-lender-logo:not(#sq-final-borrower-quote-logo-mobile-size-lock) { height: 44px !important; left: 20px !important; max-height: 44px !important; max-width: 154px !important; object-position: left center !important; right: auto !important; top: 18px !important; width: 154px !important; } } /* Final fast selector typography lock: Purpose, Property Type, and Occupancy custom-choice values stay on the approved StreamQuote font. */ body :is(.app-shell,.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .property-summary-type-choice-shell.custom-choice-shell, .scenario-purpose-summary-choice-shell.custom-choice-shell, .editor-choice-shell.custom-choice-shell ) :is( .custom-choice-menu > summary, .custom-choice-menu > summary > strong, .custom-choice-menu > summary > strong :is(span,b,em,small), .custom-choice-menu[open] > .quick-choice-options > button, .custom-choice-menu[open] > .quick-choice-options > button :is(strong,span,b,em,small) ):not(#sq-final-purpose-property-occupancy-choice-type-lock), html[data-theme="dark"] body :is(.app-shell,.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .property-summary-type-choice-shell.custom-choice-shell, .scenario-purpose-summary-choice-shell.custom-choice-shell, .editor-choice-shell.custom-choice-shell ) :is( .custom-choice-menu > summary, .custom-choice-menu > summary > strong, .custom-choice-menu > summary > strong :is(span,b,em,small), .custom-choice-menu[open] > .quick-choice-options > button, .custom-choice-menu[open] > .quick-choice-options > button :is(strong,span,b,em,small) ):not(#sq-final-purpose-property-occupancy-choice-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body :is(.app-shell,.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .property-summary-type-choice-shell.custom-choice-shell, .scenario-purpose-summary-choice-shell.custom-choice-shell, .editor-choice-shell.custom-choice-shell ) :is( .custom-choice-menu > summary, .custom-choice-menu > summary > strong, .custom-choice-menu > summary > strong :is(span,b,em,small), .custom-choice-menu[open] > .quick-choice-options > button, .custom-choice-menu[open] > .quick-choice-options > button :is(strong,span,b,em,small) ):not(#sq-final-purpose-property-occupancy-choice-light-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body :is(.app-shell,.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .property-summary-type-choice-shell.custom-choice-shell, .scenario-purpose-summary-choice-shell.custom-choice-shell, .editor-choice-shell.custom-choice-shell ) :is( .custom-choice-menu > summary, .custom-choice-menu > summary > strong, .custom-choice-menu > summary > strong :is(span,b,em,small), .custom-choice-menu[open] > .quick-choice-options > button, .custom-choice-menu[open] > .quick-choice-options > button :is(strong,span,b,em,small) ):not(#sq-final-purpose-property-occupancy-choice-dark-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } body :is(.app-shell,.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .property-summary-type-choice-shell.custom-choice-shell, .scenario-purpose-summary-choice-shell.custom-choice-shell, .editor-choice-shell.custom-choice-shell ) .custom-choice-menu[open] > .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(:focus-visible):not(#sq-final-purpose-property-occupancy-active-row-lock) { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: 0 !important; } /* Final editable fee value lock: editable payoff/cash rows are inputs, so force the actual control to match displayed values. */ body :is(.app-shell,.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization :is( input.mini-fee-value[data-mini-fee-field], .mini-fee-itemization-row > input[data-mini-fee-field], .mini-fee-itemization-row > summary > input[data-mini-fee-field], .quote-breakdown-row > input[data-mini-fee-field] ):not(#sq-final-editable-fee-value-input-lock), html[data-theme="dark"] body :is(.app-shell,.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization :is( input.mini-fee-value[data-mini-fee-field], .mini-fee-itemization-row > input[data-mini-fee-field], .mini-fee-itemization-row > summary > input[data-mini-fee-field], .quote-breakdown-row > input[data-mini-fee-field] ):not(#sq-final-editable-fee-value-input-lock) { background-color: transparent !important; border-radius: 4px !important; box-sizing: border-box !important; font-family: var(--sq-font-family) !important; font-size: 16px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; height: 21px !important; letter-spacing: 0 !important; line-height: 1.08 !important; min-height: 21px !important; min-width: 90px !important; padding: 1px 4px !important; text-align: right !important; text-shadow: none !important; text-transform: none !important; width: 90px !important; } html:not([data-theme="dark"]) body :is(.app-shell,.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization :is( input.mini-fee-value[data-mini-fee-field], .mini-fee-itemization-row > input[data-mini-fee-field], .mini-fee-itemization-row > summary > input[data-mini-fee-field], .quote-breakdown-row > input[data-mini-fee-field] ):not([data-mini-fee-tone="credit"]):not([data-mini-fee-tone="cost"]):not(#sq-final-editable-fee-value-input-light-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body :is(.app-shell,.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization :is( input.mini-fee-value[data-mini-fee-field], .mini-fee-itemization-row > input[data-mini-fee-field], .mini-fee-itemization-row > summary > input[data-mini-fee-field], .quote-breakdown-row > input[data-mini-fee-field] ):not([data-mini-fee-tone="credit"]):not([data-mini-fee-tone="cost"]):not(#sq-final-editable-fee-value-input-dark-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } body .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-fee-itemization input.mini-fee-value[data-mini-fee-tone="credit"]:not(#sq-final-editable-fee-value-tone-lock) { color: #0d7a3a !important; -webkit-text-fill-color: #0d7a3a !important; } body .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-fee-itemization input.mini-fee-value[data-mini-fee-tone="cost"]:not(#sq-final-editable-fee-value-tone-lock) { color: #b42318 !important; -webkit-text-fill-color: #b42318 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-fee-itemization input.mini-fee-value[data-mini-fee-tone="credit"]:not(#sq-final-editable-fee-value-tone-dark-lock) { color: #64f0a8 !important; -webkit-text-fill-color: #64f0a8 !important; } html[data-theme="dark"] body .mini-rate-snapshot-frame[open] .mini-quote-summary .mini-fee-itemization input.mini-fee-value[data-mini-fee-tone="cost"]:not(#sq-final-editable-fee-value-tone-dark-lock) { color: #ff8a8a !important; -webkit-text-fill-color: #ff8a8a !important; } /* Final collapsed Property address lock: the Address tab and editable value use the approved StreamQuote type. */ body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact:not(#sq-final-collapsed-property-address-type-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span:not(#sq-final-collapsed-property-address-type-lock), body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-input:not(#sq-final-collapsed-property-address-type-lock), body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact:not(#sq-final-collapsed-property-address-type-lock), body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span:not(#sq-final-collapsed-property-address-type-lock), body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-input:not(#sq-final-collapsed-property-address-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact:not(#sq-final-collapsed-property-address-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span:not(#sq-final-collapsed-property-address-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-input:not(#sq-final-collapsed-property-address-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact:not(#sq-final-collapsed-property-address-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span:not(#sq-final-collapsed-property-address-type-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-input:not(#sq-final-collapsed-property-address-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span:not(#sq-final-collapsed-property-address-label-lock), body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span:not(#sq-final-collapsed-property-address-label-lock) { color: #0b70b7 !important; -webkit-text-fill-color: #0b70b7 !important; font-size: 12px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.08 !important; } body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-input:not(#sq-final-collapsed-property-address-value-lock), body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-input:not(#sq-final-collapsed-property-address-value-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; font-size: 13.5px !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; line-height: 1.08 !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span:not(#sq-final-collapsed-property-address-label-dark-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-fact > span:not(#sq-final-collapsed-property-address-label-dark-lock) { color: #9fd0ff !important; -webkit-text-fill-color: #9fd0ff !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace :is(.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-input:not(#sq-final-collapsed-property-address-value-dark-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-address-input:not(#sq-final-collapsed-property-address-value-dark-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* Final 1003 asset type select lock: all four asset dropdown displays and native rows use StreamQuote type. */ body .mismo-1003-form .mismo-field select.input:is( [data-mismo-1003-field="asset1Type"], [data-mismo-1003-field="asset2Type"], [data-mismo-1003-field="asset3Type"], [data-mismo-1003-field="asset4Type"] ):not(#sq-final-mismo-asset-type-select-lock), body .mismo-1003-form .mismo-field select.input:is( [data-mismo-1003-field="asset1Type"], [data-mismo-1003-field="asset2Type"], [data-mismo-1003-field="asset3Type"], [data-mismo-1003-field="asset4Type"] ) option:not(#sq-final-mismo-asset-type-option-lock), html[data-theme="dark"] body .mismo-1003-form .mismo-field select.input:is( [data-mismo-1003-field="asset1Type"], [data-mismo-1003-field="asset2Type"], [data-mismo-1003-field="asset3Type"], [data-mismo-1003-field="asset4Type"] ):not(#sq-final-mismo-asset-type-select-lock), html[data-theme="dark"] body .mismo-1003-form .mismo-field select.input:is( [data-mismo-1003-field="asset1Type"], [data-mismo-1003-field="asset2Type"], [data-mismo-1003-field="asset3Type"], [data-mismo-1003-field="asset4Type"] ) option:not(#sq-final-mismo-asset-type-option-lock) { font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-shadow: none !important; text-transform: none !important; } body .mismo-1003-form .mismo-field select.input:is( [data-mismo-1003-field="asset1Type"], [data-mismo-1003-field="asset2Type"], [data-mismo-1003-field="asset3Type"], [data-mismo-1003-field="asset4Type"] ):not(#sq-final-mismo-asset-type-select-display-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } body .mismo-1003-form .mismo-field select.input:is( [data-mismo-1003-field="asset1Type"], [data-mismo-1003-field="asset2Type"], [data-mismo-1003-field="asset3Type"], [data-mismo-1003-field="asset4Type"] ) option:not(#sq-final-mismo-asset-type-option-light-lock) { background-color: #ffffff !important; color: #071523 !important; -webkit-text-fill-color: #071523 !important; } body .mismo-1003-form .mismo-field select.input:is( [data-mismo-1003-field="asset1Type"], [data-mismo-1003-field="asset2Type"], [data-mismo-1003-field="asset3Type"], [data-mismo-1003-field="asset4Type"] ) option:checked:not(#sq-final-mismo-asset-type-option-checked-lock) { background-color: #e8f5ff !important; color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body .mismo-1003-form .mismo-field select.input:is( [data-mismo-1003-field="asset1Type"], [data-mismo-1003-field="asset2Type"], [data-mismo-1003-field="asset3Type"], [data-mismo-1003-field="asset4Type"] ):not(#sq-final-mismo-asset-type-select-display-dark-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body .mismo-1003-form .mismo-field select.input:is( [data-mismo-1003-field="asset1Type"], [data-mismo-1003-field="asset2Type"], [data-mismo-1003-field="asset3Type"], [data-mismo-1003-field="asset4Type"] ) option:not(#sq-final-mismo-asset-type-option-dark-lock) { background-color: #101922 !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* Final 1003 declarations/observed-data yes-no lock: question rows and Yes/No labels use StreamQuote type. */ body .mismo-1003-form .mismo-field-yesno:not(#sq-final-mismo-yesno-type-lock), body .mismo-1003-form .mismo-field-yesno > span:first-child:not(#sq-final-mismo-yesno-type-lock), body .mismo-1003-form .mismo-field-yesno .mismo-yesno-options:not(#sq-final-mismo-yesno-type-lock), body .mismo-1003-form .mismo-field-yesno .mismo-yesno-options label:not(#sq-final-mismo-yesno-type-lock), html[data-theme="dark"] body .mismo-1003-form .mismo-field-yesno:not(#sq-final-mismo-yesno-type-lock), html[data-theme="dark"] body .mismo-1003-form .mismo-field-yesno > span:first-child:not(#sq-final-mismo-yesno-type-lock), html[data-theme="dark"] body .mismo-1003-form .mismo-field-yesno .mismo-yesno-options:not(#sq-final-mismo-yesno-type-lock), html[data-theme="dark"] body .mismo-1003-form .mismo-field-yesno .mismo-yesno-options label:not(#sq-final-mismo-yesno-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body .mismo-1003-form .mismo-field-yesno > span:first-child:not(#sq-final-mismo-yesno-question-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; font-size: 14px !important; line-height: 1.12 !important; } body .mismo-1003-form .mismo-field-yesno .mismo-yesno-options label:not(#sq-final-mismo-yesno-answer-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; font-size: 13px !important; line-height: 1.08 !important; } body .mismo-1003-form .mismo-field-yesno .mismo-yesno-options input[type="radio"]:not(#sq-final-mismo-yesno-radio-lock) { accent-color: #0074ff !important; font-family: var(--sq-font-family) !important; } html[data-theme="dark"] body .mismo-1003-form .mismo-field-yesno > span:first-child:not(#sq-final-mismo-yesno-question-dark-lock), html[data-theme="dark"] body .mismo-1003-form .mismo-field-yesno .mismo-yesno-options label:not(#sq-final-mismo-yesno-answer-dark-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* Final lead log typography lock: modal/quick log entries and timestamps stay on StreamQuote type. */ body :is(.lead-log-modal-card,.lead-quick-log-panel,.lead-panel-log-card,.update-log-box,.lead-panel-status-collapsed-log) :is( .lead-log-modal-body, .update-log-list, .update-log-entry, .update-log-entry time, .update-log-entry p, .update-log-entry p :is(strong,span,b,em,small,a), .update-log-entry-action, .update-log-entry-clear, .update-log-empty ):not(#sq-final-lead-log-entry-type-lock), html[data-theme="dark"] body :is(.lead-log-modal-card,.lead-quick-log-panel,.lead-panel-log-card,.update-log-box,.lead-panel-status-collapsed-log) :is( .lead-log-modal-body, .update-log-list, .update-log-entry, .update-log-entry time, .update-log-entry p, .update-log-entry p :is(strong,span,b,em,small,a), .update-log-entry-action, .update-log-entry-clear, .update-log-empty ):not(#sq-final-lead-log-entry-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body :is(.lead-log-modal-card,.lead-quick-log-panel,.lead-panel-log-card,.update-log-box,.lead-panel-status-collapsed-log) .update-log-entry time:not(#sq-final-lead-log-time-type-lock) { color: color-mix(in srgb, #47607a 88%, #071523) !important; -webkit-text-fill-color: color-mix(in srgb, #47607a 88%, #071523) !important; font-size: 11px !important; font-variation-settings: "wght" 760 !important; font-weight: 760 !important; line-height: 1.12 !important; } body :is(.lead-log-modal-card,.lead-quick-log-panel,.lead-panel-log-card,.update-log-box,.lead-panel-status-collapsed-log) .update-log-entry p:not(#sq-final-lead-log-message-type-lock), body :is(.lead-log-modal-card,.lead-quick-log-panel,.lead-panel-log-card,.update-log-box,.lead-panel-status-collapsed-log) .update-log-entry p :is(strong,span,b,em,small,a):not(#sq-final-lead-log-message-type-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; font-size: 13px !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; line-height: 1.12 !important; } html[data-theme="dark"] body :is(.lead-log-modal-card,.lead-quick-log-panel,.lead-panel-log-card,.update-log-box,.lead-panel-status-collapsed-log) .update-log-entry time:not(#sq-final-lead-log-time-dark-lock) { color: #9fd0ff !important; -webkit-text-fill-color: #9fd0ff !important; } html[data-theme="dark"] body :is(.lead-log-modal-card,.lead-quick-log-panel,.lead-panel-log-card,.update-log-box,.lead-panel-status-collapsed-log) .update-log-entry p:not(#sq-final-lead-log-message-dark-lock), html[data-theme="dark"] body :is(.lead-log-modal-card,.lead-quick-log-panel,.lead-panel-log-card,.update-log-box,.lead-panel-status-collapsed-log) .update-log-entry p :is(strong,span,b,em,small,a):not(#sq-final-lead-log-message-dark-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* Final mobile mortgage header type/layout lock: compact panes keep the current tab font and avoid clipped legacy sizing. */ @media (max-width: 820px) { body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.has-first-mortgage-actions:not(#sq-final-mobile-mortgage-head-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head.has-second-mortgage-actions:not(#sq-final-mobile-mortgage-head-lock) { align-items: center !important; display: grid !important; gap: 7px !important; grid-template-columns: max-content minmax(0,1fr) max-content !important; min-width: 0 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(.has-first-mortgage-actions,.has-second-mortgage-actions) > span:first-child:not(#sq-final-mobile-mortgage-title-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(.has-first-mortgage-actions,.has-second-mortgage-actions) > span:first-child:not(#sq-final-mobile-mortgage-title-type-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title:not(#sq-final-mobile-mortgage-title-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title:not(#sq-final-mobile-mortgage-title-type-lock) { font-family: var(--sq-font-family) !important; font-size: 20px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; max-width: none !important; min-width: max-content !important; overflow: visible !important; text-overflow: clip !important; text-shadow: none !important; text-transform: none !important; white-space: nowrap !important; width: max-content !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(.has-first-mortgage-actions,.has-second-mortgage-actions) > span:first-child:not(#sq-final-mobile-mortgage-title-light-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title:not(#sq-final-mobile-mortgage-title-light-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(.has-first-mortgage-actions,.has-second-mortgage-actions) > span:first-child:not(#sq-final-mobile-mortgage-title-dark-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title:not(#sq-final-mobile-mortgage-title-dark-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-mobile-inline-detail-lock .lead-inline-detail-stack .mini-snapshot-presets-drawer > .pricing-presets-summary .pricing-presets-title:not(#sq-final-mobile-presets-title-dark-lock) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } } /* Final mortgage dropdown selected-value lock: investor and preset displays use the StreamQuote heavy face everywhere. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) :is( .mini-pref-choice-shell .custom-choice-menu > summary, .mini-pref-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.custom-choice-summary-rich,.mini-pref-display-text,.mini-pref-display-logo), .mini-control-choice-shell .custom-choice-menu > summary, .mini-control-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.custom-choice-summary-rich), .mini-snapshot-presets-drawer .pricing-preset-lender-cycle, .mini-snapshot-presets-drawer .pricing-preset-lender-cycle :is(strong,span,b,em,small,.mini-preset-lender-name,.mini-preset-lender-text,.mini-preset-auto-text), .mini-snapshot-presets-drawer .pricing-presets-preview :is(.mini-preset-auto-mood,.pricing-preset-option-count,.pricing-preset-lender-cycle,.pricing-preset-lender-cycle span) ):not(#sq-final-mortgage-dropdown-selected-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) :is( .mini-pref-choice-shell .custom-choice-menu > summary, .mini-pref-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.custom-choice-summary-rich,.mini-pref-display-text,.mini-pref-display-logo), .mini-control-choice-shell .custom-choice-menu > summary, .mini-control-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small,.custom-choice-summary-rich), .mini-snapshot-presets-drawer .pricing-preset-lender-cycle, .mini-snapshot-presets-drawer .pricing-preset-lender-cycle :is(strong,span,b,em,small,.mini-preset-lender-name,.mini-preset-lender-text,.mini-preset-auto-text), .mini-snapshot-presets-drawer .pricing-presets-preview :is(.mini-preset-auto-mood,.pricing-preset-option-count,.pricing-preset-lender-cycle,.pricing-preset-lender-cycle span) ):not(#sq-final-mortgage-dropdown-selected-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-preset-lender-cycle .mini-preset-lender-name:not(#sq-final-mortgage-lender-cycle-name-weight-lock):not(#sq-final-mortgage-lender-cycle-name-weight-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) .mini-rate-snapshot-frame:is(.is-first,.is-second) .pricing-preset-lender-cycle .mini-preset-lender-name:not(#sq-final-mortgage-lender-cycle-name-weight-lock):not(#sq-final-mortgage-lender-cycle-name-weight-lock-2) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } /* Final dark risk-field rest-state lock: FICO/LTV/CLTV keep dark fills when blurred; tier color stays on the border only. */ html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid :is( .quick-detail.scenario-fico-safe, .quick-detail.scenario-fico-caution, .quick-detail.scenario-fico-alert, .quick-detail.scenario-ltv-safe, .quick-detail.scenario-ltv-caution, .quick-detail.scenario-ltv-alert, .lead-panel-piggyback-ratio-tile.scenario-ltv-safe, .lead-panel-piggyback-ratio-tile.scenario-ltv-caution, .lead-panel-piggyback-ratio-tile.scenario-ltv-alert, .lead-panel-piggyback-ratio-mini.scenario-ltv-safe, .lead-panel-piggyback-ratio-mini.scenario-ltv-caution, .lead-panel-piggyback-ratio-mini.scenario-ltv-alert, .lead-panel-piggyback-pair-row.scenario-ltv-safe, .lead-panel-piggyback-pair-row.scenario-ltv-caution, .lead-panel-piggyback-pair-row.scenario-ltv-alert ):not(#sq-final-dark-risk-field-rest-container-lock) { background: var(--workspace-field-card-fill, #13212d) !important; background-color: var(--workspace-field-card-fill, #13212d) !important; color: #f6fbff !important; color-scheme: dark !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid :is( .quick-detail.scenario-fico-safe > input, .quick-detail.scenario-fico-caution > input, .quick-detail.scenario-fico-alert > input, .quick-detail.scenario-ltv-safe > input, .quick-detail.scenario-ltv-caution > input, .quick-detail.scenario-ltv-alert > input, .quick-detail.scenario-fico-safe input, .quick-detail.scenario-fico-caution input, .quick-detail.scenario-fico-alert input, .quick-detail.scenario-ltv-safe input, .quick-detail.scenario-ltv-caution input, .quick-detail.scenario-ltv-alert input, .lead-panel-piggyback-ratio-tile.scenario-ltv-safe input, .lead-panel-piggyback-ratio-tile.scenario-ltv-caution input, .lead-panel-piggyback-ratio-tile.scenario-ltv-alert input, .lead-panel-piggyback-ratio-mini.scenario-ltv-safe input, .lead-panel-piggyback-ratio-mini.scenario-ltv-caution input, .lead-panel-piggyback-ratio-mini.scenario-ltv-alert input, .lead-panel-piggyback-pair-row.scenario-ltv-safe input, .lead-panel-piggyback-pair-row.scenario-ltv-caution input, .lead-panel-piggyback-pair-row.scenario-ltv-alert input, input[data-quick-field="fico"], input[data-quick-field="newLtv"], input[data-quick-field="cltv"], input[data-lead-panel-piggyback-ratio] ):not(#sq-final-dark-risk-field-rest-input-lock) { background: #071019 !important; background-clip: padding-box !important; background-color: #071019 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(159,208,255,.18) !important; caret-color: #f6fbff !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid :is(.scenario-fico-safe,.scenario-ltv-safe) input:not(#sq-final-dark-risk-field-safe-border-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid input:is([data-quick-field="fico"],[data-quick-field="newLtv"],[data-quick-field="cltv"],[data-lead-panel-piggyback-ratio]):not(#sq-final-dark-risk-field-safe-border-lock) { border-color: rgba(69,215,143,.76) !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid :is(.scenario-fico-caution,.scenario-ltv-caution) input:not(#sq-final-dark-risk-field-caution-border-lock) { border-color: rgba(255,209,102,.82) !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.workspace,.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row,.lead-quick-popover) .detail-grid :is(.scenario-fico-alert,.scenario-ltv-alert) input:not(#sq-final-dark-risk-field-alert-border-lock) { border-color: rgba(255,122,138,.84) !important; } /* Final selected-pane dark risk override: beat legacy input:not(:focus) tier fills in the side panel. */ html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail:is(.scenario-fico-safe,.scenario-fico-caution,.scenario-fico-alert,.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) > input:is([data-quick-field="fico"],[data-quick-field="newLtv"],[data-quick-field="cltv"]):not(#sq-final-dark-selected-pane-risk-rest-lock):not(#sq-final-dark-selected-pane-risk-rest-lock-2), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-mini:is(.scenario-fico-safe,.scenario-fico-caution,.scenario-fico-alert,.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) input[data-lead-panel-piggyback-ratio]:not(#sq-final-dark-selected-pane-risk-rest-lock):not(#sq-final-dark-selected-pane-risk-rest-lock-2) { background: #071019 !important; background-clip: padding-box !important; background-color: #071019 !important; box-shadow: 0 0 0 999px #071019 inset, inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(159,208,255,.18) !important; caret-color: #f6fbff !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail:is(.scenario-fico-safe,.scenario-ltv-safe) > input:is([data-quick-field="fico"],[data-quick-field="newLtv"],[data-quick-field="cltv"]):not(#sq-final-dark-selected-pane-risk-safe-border-lock):not(#sq-final-dark-selected-pane-risk-safe-border-lock-2), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-mini:is(.scenario-fico-safe,.scenario-ltv-safe) input[data-lead-panel-piggyback-ratio]:not(#sq-final-dark-selected-pane-risk-safe-border-lock):not(#sq-final-dark-selected-pane-risk-safe-border-lock-2) { border-color: rgba(69,215,143,.76) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail:is(.scenario-fico-caution,.scenario-ltv-caution) > input:is([data-quick-field="fico"],[data-quick-field="newLtv"],[data-quick-field="cltv"]):not(#sq-final-dark-selected-pane-risk-caution-border-lock):not(#sq-final-dark-selected-pane-risk-caution-border-lock-2), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-mini:is(.scenario-fico-caution,.scenario-ltv-caution) input[data-lead-panel-piggyback-ratio]:not(#sq-final-dark-selected-pane-risk-caution-border-lock):not(#sq-final-dark-selected-pane-risk-caution-border-lock-2) { border-color: rgba(255,209,102,.82) !important; } html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid > .quick-detail:is(.scenario-fico-alert,.scenario-ltv-alert) > input:is([data-quick-field="fico"],[data-quick-field="newLtv"],[data-quick-field="cltv"]):not(#sq-final-dark-selected-pane-risk-alert-border-lock):not(#sq-final-dark-selected-pane-risk-alert-border-lock-2), html[data-theme="dark"] body[data-app-view="leads"] .workspace .selected-lead-panel .detail-grid .lead-panel-piggyback-ratio-mini:is(.scenario-fico-alert,.scenario-ltv-alert) input[data-lead-panel-piggyback-ratio]:not(#sq-final-dark-selected-pane-risk-alert-border-lock):not(#sq-final-dark-selected-pane-risk-alert-border-lock-2) { border-color: rgba(255,122,138,.84) !important; } /* Final dark mortgage option chip lock: keep preset option controls dark and on the heavy StreamQuote face. */ html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.mini-control-option-toggle span,.pricing-preset-option-count):not(#sq-final-dark-mortgage-option-chip-lock):not(#sq-final-dark-mortgage-option-chip-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.mini-control-option-toggle span,.pricing-preset-option-count):not(#sq-final-dark-mortgage-option-chip-lock):not(#sq-final-dark-mortgage-option-chip-lock-2) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.mini-control-option-toggle-1 span,.pricing-preset-option-count.option-count-1):not(#sq-final-dark-mortgage-option-one-lock):not(#sq-final-dark-mortgage-option-one-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.mini-control-option-toggle-1 span,.pricing-preset-option-count.option-count-1):not(#sq-final-dark-mortgage-option-one-lock):not(#sq-final-dark-mortgage-option-one-lock-2) { background: #112a5c !important; border-color: rgba(111,159,255,.62) !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.mini-control-option-toggle-2 span,.pricing-preset-option-count.option-count-2):not(#sq-final-dark-mortgage-option-two-lock):not(#sq-final-dark-mortgage-option-two-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.mini-control-option-toggle-2 span,.pricing-preset-option-count.option-count-2):not(#sq-final-dark-mortgage-option-two-lock):not(#sq-final-dark-mortgage-option-two-lock-2) { background: #0f5d86 !important; border-color: rgba(116,210,255,.66) !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace :is(.mini-control-option-toggle-3 span,.pricing-preset-option-count.option-count-3):not(#sq-final-dark-mortgage-option-three-lock):not(#sq-final-dark-mortgage-option-three-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is(.selected-lead-panel,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is(.mini-control-option-toggle-3 span,.pricing-preset-option-count.option-count-3):not(#sq-final-dark-mortgage-option-three-lock):not(#sq-final-dark-mortgage-option-three-lock-2) { background: #7b520e !important; border-color: rgba(255,204,107,.72) !important; color: #fff8e8 !important; -webkit-text-fill-color: #fff8e8 !important; } /* Final Property/Scenario tab hover lock: parent hover stays inert; only the tab itself inverts. */ body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card.editor-property, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:not(#sq-final-property-scenario-tab-type-lock):not(#sq-final-property-scenario-tab-type-lock-2) { align-items: center !important; box-sizing: border-box !important; display: inline-flex !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card.editor-property, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ):not([open]) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child:not(:hover):not(:focus-visible):not(:active):not(#sq-final-dark-property-scenario-parent-hover-lock):not(#sq-final-dark-property-scenario-parent-hover-lock-2) { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82,170,231,.74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card.editor-property, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ):not([open]) > .editor-section-summary > span:first-child:is(:hover,:focus-visible,:active):not(#sq-final-dark-property-scenario-direct-hover-lock):not(#sq-final-dark-property-scenario-direct-hover-lock-2) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border: 1px solid #d8e6f2 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; transform: none !important; } /* Absolute dark Property/Scenario tab rest lock: open/focus-within/parent-hover never invert the tab. */ html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-expanded-workspace-frame.lead-expanded-workspace-frame .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-top-collapsible-card.lead-top-collapsible-card.editor-property.editor-property.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary.property-summary.property-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"][data-theme="dark"] body[data-app-view="leads"][data-app-view="leads"][data-app-view="leads"] .workspace.workspace .lead-inline-detail-stack.lead-inline-detail-stack .lead-editor-grid.lead-editor-grid > .lead-scenario-fields.lead-scenario-fields.lead-scenario-fields.collapsible-editor-card.collapsible-editor-card > .editor-section-summary.editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active), html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card.editor-property, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:not(:hover):not(:focus-visible):not(:active):not(#sq-absolute-dark-property-scenario-tab-rest-lock):not(#sq-absolute-dark-property-scenario-tab-rest-lock-2) { -webkit-text-fill-color: #f6fbff !important; background: #06111b !important; background-color: #06111b !important; border: 1px solid rgba(82,170,231,.74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } html[data-theme="dark"] body[data-app-view="leads"] :is(.workspace,.lead-expanded-workspace-frame,.lead-inline-detail-stack,.selected-lead-panel,.lead-pane-inline-row,.lead-rail-inline-block,.lead-rail-inline-row,.expanded-row) :is( .lead-top-collapsible-card.editor-property, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ) > .editor-section-summary > span:first-child:is(:hover,:focus-visible,:active):not(#sq-absolute-dark-property-scenario-tab-direct-hover-lock):not(#sq-absolute-dark-property-scenario-tab-direct-hover-lock-2) { -webkit-text-fill-color: #071523 !important; background: #f4f9ff !important; background-color: #f4f9ff !important; border: 1px solid #d8e6f2 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; } /* Final end-of-file Control Center Product/Term menu lock: keep selected and hovered rows filled in dark mode. */ html[data-theme="dark"] body[data-app-view="control"] .app-shell .app-main .workspace .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .custom-choice-menu[open] > .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-eof-control-product-term-active-row-fill):not(#sq-eof-control-product-term-active-row-fill-2) { background: color-mix(in srgb, #0b70b7 30%, #111820) !important; background-color: color-mix(in srgb, #0b70b7 30%, #111820) !important; background-image: none !important; border-color: rgba(159,208,255,.52) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html[data-theme="dark"] body[data-app-view="control"] .app-shell .app-main .workspace .control-page .pricing-engine-panel .pricing-preset-matrix .pricing-preset-choice-shell .custom-choice-menu[open] > .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible) :is(strong,span,b,em,small):not(#sq-eof-control-product-term-active-text-fill):not(#sq-eof-control-product-term-active-text-fill-2) { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Final Branding profile field lock: all LO/asset/action-link text boxes use the Billing-grade StreamQuote value type in both themes. */ body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-card :is( input[data-account-profile-field]:not([type="checkbox"]):not([type="radio"]):not([type="color"]), textarea[data-account-profile-field], select[data-account-profile-field] ):not(#sq-eof-branding-profile-field-type-lock):not(#sq-eof-branding-profile-field-type-lock-2) { background: color-mix(in srgb, #ffffff 92%, #edf7ff) !important; background-color: color-mix(in srgb, #ffffff 92%, #edf7ff) !important; border-color: color-mix(in srgb, #0b70b7 34%, #b8c9d8) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 2px rgba(7,21,35,.06) !important; caret-color: #071523 !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: 13.5px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.1 !important; min-height: 38px !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #071523 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-card :is( input[data-account-profile-field]:not([type="checkbox"]):not([type="radio"]):not([type="color"]), textarea[data-account-profile-field], select[data-account-profile-field] ):is(:hover,:focus,:focus-visible):not(#sq-eof-branding-profile-field-focus-lock):not(#sq-eof-branding-profile-field-focus-lock-2) { background: #ffffff !important; background-color: #ffffff !important; border-color: color-mix(in srgb, #0b70b7 72%, #52aae7) !important; box-shadow: 0 0 0 3px rgba(31,157,227,.16), inset 0 1px 0 rgba(255,255,255,.82) !important; outline: 0 !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-card input[data-account-profile-field]::placeholder, body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-card textarea[data-account-profile-field]::placeholder { color: color-mix(in srgb, #071523 62%, #6f91ad) !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 850 !important; font-weight: 850 !important; opacity: 1 !important; -webkit-text-fill-color: color-mix(in srgb, #071523 62%, #6f91ad) !important; } body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-card :is( input[data-account-profile-field]:-webkit-autofill, input[data-account-profile-field]:-webkit-autofill:hover, input[data-account-profile-field]:-webkit-autofill:focus ):not(#sq-eof-branding-profile-autofill-lock):not(#sq-eof-branding-profile-autofill-lock-2) { caret-color: #071523 !important; color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 13.5px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; -webkit-box-shadow: inset 0 0 0 999px color-mix(in srgb, #ffffff 92%, #edf7ff) !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-card :is( input[data-account-profile-field]:not([type="checkbox"]):not([type="radio"]):not([type="color"]), textarea[data-account-profile-field], select[data-account-profile-field] ):not(#sq-eof-branding-profile-field-dark-lock):not(#sq-eof-branding-profile-field-dark-lock-2) { background: #101820 !important; background-color: #101820 !important; border-color: color-mix(in srgb, #9fd0ff 48%, #3a4653) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 1px 2px rgba(0,0,0,.16) !important; caret-color: #9fd0ff !important; color: #f6fbff !important; color-scheme: dark !important; opacity: 1 !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-card :is( input[data-account-profile-field]:not([type="checkbox"]):not([type="radio"]):not([type="color"]), textarea[data-account-profile-field], select[data-account-profile-field] ):is(:hover,:focus,:focus-visible):not(#sq-eof-branding-profile-field-dark-focus-lock):not(#sq-eof-branding-profile-field-dark-focus-lock-2) { background: #111f2d !important; background-color: #111f2d !important; border-color: color-mix(in srgb, #52aae7 78%, #9fd0ff) !important; box-shadow: 0 0 0 3px rgba(31,157,227,.18), inset 0 1px 0 rgba(255,255,255,.12) !important; outline: 0 !important; } html[data-theme="dark"] body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-card input[data-account-profile-field]::placeholder, html[data-theme="dark"] body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-card textarea[data-account-profile-field]::placeholder { color: color-mix(in srgb, #f6fbff 58%, #9fd0ff) !important; opacity: 1 !important; -webkit-text-fill-color: color-mix(in srgb, #f6fbff 58%, #9fd0ff) !important; } html[data-theme="dark"] body[data-app-view="settings"] .settings-accordion[data-settings-section="branding"] .account-license-card :is( input[data-account-profile-field]:-webkit-autofill, input[data-account-profile-field]:-webkit-autofill:hover, input[data-account-profile-field]:-webkit-autofill:focus ):not(#sq-eof-branding-profile-autofill-dark-lock):not(#sq-eof-branding-profile-autofill-dark-lock-2) { caret-color: #9fd0ff !important; color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-size: 13.5px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; -webkit-box-shadow: inset 0 0 0 999px #101820 !important; -webkit-text-fill-color: #f6fbff !important; } /* Final Escrow Prepaids action button type lock: Taxes, Insurance, and Fetch Taxes use the approved heavy button face. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-breakdown-escrow-prepaids .option-detail-include-row :is( .escrow-toggle-pill, .escrow-toggle-pill b, .tax-fetch-button, .escrow-tax-fetch-button ):not(#sq-eof-escrow-prepaids-action-type-lock):not(#sq-eof-escrow-prepaids-action-type-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-breakdown-escrow-prepaids .option-detail-include-row :is( .escrow-toggle-pill, .escrow-toggle-pill b, .tax-fetch-button, .escrow-tax-fetch-button ):not(#sq-eof-escrow-prepaids-action-type-lock):not(#sq-eof-escrow-prepaids-action-type-lock-2) { font-family: var(--sq-font-family) !important; font-size: 13.5px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-breakdown-escrow-prepaids .option-detail-include-row .escrow-toggle-pill b:not(#sq-eof-escrow-prepaids-toggle-text-lock):not(#sq-eof-escrow-prepaids-toggle-text-lock-2) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-breakdown-escrow-prepaids .option-detail-include-row .escrow-toggle-pill b:not(#sq-eof-escrow-prepaids-toggle-text-dark-lock):not(#sq-eof-escrow-prepaids-toggle-text-dark-lock-2) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } /* Final dark paired-ratio lock: when a second mortgage creates LTV/CLTV, keep the fill dark and use tier color only on borders. */ html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .detail-grid .lead-panel-piggyback-ratio-combo:is(.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert):not(#sq-final-dark-paired-ratio-combo-lock):not(#sq-final-dark-paired-ratio-combo-lock-2) { background: #111820 !important; background-color: #111820 !important; background-image: none !important; border-color: rgba(159,208,255,.36) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; color: #f6fbff !important; color-scheme: dark !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .detail-grid .lead-panel-piggyback-ratio-combo:is(.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) :is( .lead-panel-piggyback-ratio-pair, .lead-panel-piggyback-ratio-mini, .lead-panel-piggyback-ratio-mini.scenario-ltv-safe, .lead-panel-piggyback-ratio-mini.scenario-ltv-caution, .lead-panel-piggyback-ratio-mini.scenario-ltv-alert ):not(#sq-final-dark-paired-ratio-mini-lock):not(#sq-final-dark-paired-ratio-mini-lock-2) { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; color: #f6fbff !important; color-scheme: dark !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .detail-grid .lead-panel-piggyback-ratio-combo:is(.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) .lead-panel-piggyback-ratio-mini > input:not(#sq-final-dark-paired-ratio-input-lock):not(#sq-final-dark-paired-ratio-input-lock-2) { background: #071019 !important; background-clip: padding-box !important; background-color: #071019 !important; background-image: none !important; border-color: rgba(69,215,143,.76) !important; box-shadow: 0 0 0 999px #071019 inset, inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(69,215,143,.18) !important; caret-color: #f6fbff !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; text-shadow: none !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .detail-grid .lead-panel-piggyback-ratio-combo:is(.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) .lead-panel-piggyback-ratio-mini.scenario-ltv-caution > input:not(#sq-final-dark-paired-ratio-caution-input-lock):not(#sq-final-dark-paired-ratio-caution-input-lock-2) { border-color: rgba(255,209,102,.82) !important; box-shadow: 0 0 0 999px #071019 inset, inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,209,102,.22) !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .detail-grid .lead-panel-piggyback-ratio-combo:is(.scenario-ltv-safe,.scenario-ltv-caution,.scenario-ltv-alert) .lead-panel-piggyback-ratio-mini.scenario-ltv-alert > input:not(#sq-final-dark-paired-ratio-alert-input-lock):not(#sq-final-dark-paired-ratio-alert-input-lock-2) { border-color: rgba(255,122,138,.84) !important; box-shadow: 0 0 0 999px #071019 inset, inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,122,138,.22) !important; } /* Final dark preset-preview chip lock: pricing mood and lender-cycle buttons stay dark in the presets summary row. */ html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row .mini-preset-auto-mood.is-preview-display[class*="deterministic-auto-mood-"]:not(#sq-final-dark-preset-preview-chip-lock):not(#sq-final-dark-preset-preview-chip-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row .pricing-preset-lender-cycle:not(.is-auto):not(#sq-final-dark-preset-preview-chip-lock):not(#sq-final-dark-preset-preview-chip-lock-2) { background: linear-gradient(180deg, color-mix(in srgb, var(--auto-mood-c, #9fd0ff) 10%, #162231), #07111b 42%, #07111b 100%) !important; background-color: #07111b !important; background-image: linear-gradient(180deg, color-mix(in srgb, var(--auto-mood-c, #9fd0ff) 10%, #162231), #07111b 42%, #07111b 100%) !important; border: 1px solid color-mix(in srgb, var(--auto-mood-c, #9fd0ff) 56%, rgba(159,208,255,.34)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 6px rgba(0,0,0,.28) !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row .pricing-preset-lender-cycle:not(.is-auto):not(#sq-final-dark-preset-preview-lender-lock):not(#sq-final-dark-preset-preview-lender-lock-2) { --auto-mood-c: #9fd0ff; border-color: rgba(159,208,255,.58) !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-snapshot-presets-drawer .pricing-preset-preview-row :is( .mini-preset-auto-mood.is-preview-display, .pricing-preset-lender-cycle ):not(#sq-final-dark-preset-preview-chip-type-lock):not(#sq-final-dark-preset-preview-chip-type-lock-2) :is( em, span, strong, small, .mini-preset-lender-name, .mini-preset-lender-text, .mini-preset-auto-text ) { background: transparent !important; background-color: transparent !important; background-image: none !important; color: #f6fbff !important; font-family: var(--sq-font-family) !important; font-size: 11px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #f6fbff !important; } /* Final FHA/VA scenario toggle type lock: both eligibility pills use the current heavy responsive button face in every state. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(#sq-final-fha-va-toggle-type-lock):not(#sq-final-fha-va-toggle-type-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(#sq-final-fha-va-toggle-type-lock):not(#sq-final-fha-va-toggle-type-lock-2) { align-items: center !important; display: inline-flex !important; font-family: var(--sq-font-family) !important; font-size: 12px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; justify-content: center !important; letter-spacing: 0 !important; line-height: 1 !important; text-align: center !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle .va-logo-mark:not(#sq-final-fha-va-toggle-mark-type-lock):not(#sq-final-fha-va-toggle-mark-type-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle .va-logo-mark:not(#sq-final-fha-va-toggle-mark-type-lock):not(#sq-final-fha-va-toggle-mark-type-lock-2) { color: inherit !important; font-family: var(--sq-font-family) !important; font-size: 12px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1 !important; text-shadow: none !important; text-transform: none !important; top: 0 !important; -webkit-text-fill-color: currentColor !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):not(#sq-final-fha-va-toggle-off-lock):not(#sq-final-fha-va-toggle-off-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(.active):not([aria-pressed="true"]):not(#sq-final-fha-va-toggle-off-lock):not(#sq-final-fha-va-toggle-off-lock-2) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]):not(#sq-final-fha-va-toggle-on-lock):not(#sq-final-fha-va-toggle-on-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:is(.active,[aria-pressed="true"]):not(#sq-final-fha-va-toggle-on-lock):not(#sq-final-fha-va-toggle-on-lock-2) { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } @media (max-width: 520px) { body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(#sq-final-fha-va-toggle-narrow-type-lock):not(#sq-final-fha-va-toggle-narrow-type-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle:not(#sq-final-fha-va-toggle-narrow-type-lock):not(#sq-final-fha-va-toggle-narrow-type-lock-2), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle .va-logo-mark:not(#sq-final-fha-va-toggle-narrow-type-lock):not(#sq-final-fha-va-toggle-narrow-type-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields .scenario-summary-actions .va-eligibility-toggle .va-logo-mark:not(#sq-final-fha-va-toggle-narrow-type-lock):not(#sq-final-fha-va-toggle-narrow-type-lock-2) { font-size: 11.5px !important; } } /* Final expanded Property tab state lock: the open window stays on the light tab color; hover inversion is collapsed-only. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-top-collapsible-card.editor-property[open] > .editor-section-summary.property-summary > span:first-child:not(#sq-final-expanded-property-tab-light-lock):not(#sq-final-expanded-property-tab-light-lock-2), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-top-collapsible-card.editor-property[open] > .editor-section-summary.property-summary > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-final-expanded-property-tab-light-lock):not(#sq-final-expanded-property-tab-light-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-top-collapsible-card.editor-property[open] > .editor-section-summary.property-summary > span:first-child:not(#sq-final-expanded-property-tab-light-lock):not(#sq-final-expanded-property-tab-light-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-top-collapsible-card.editor-property[open] > .editor-section-summary.property-summary > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-final-expanded-property-tab-light-lock):not(#sq-final-expanded-property-tab-light-lock-2) { background: #f4f9ff !important; background-color: #f4f9ff !important; background-image: none !important; border: 1px solid #d8e6f2 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; -webkit-text-fill-color: #071523 !important; } /* Final Control Center Folder Imports dropdown typography lock. */ body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-picker :is( summary, summary span, .lead-import-folder-option, .lead-import-folder-menu .input ):not(#sq-final-control-folder-import-dropdown-type-lock), html[data-theme="dark"] body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-picker :is( summary, summary span, .lead-import-folder-option, .lead-import-folder-menu .input ):not(#sq-final-control-folder-import-dropdown-type-lock) { color: var(--ink) !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: var(--ink) !important; } body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-picker .lead-import-folder-option-row.active .lead-import-folder-option:not(#sq-final-control-folder-import-dropdown-active-lock), html[data-theme="dark"] body[data-app-view="control"] .lead-import-control-panel[open] .lead-import-automation-strip .lead-import-folder-picker .lead-import-folder-option-row.active .lead-import-folder-option:not(#sq-final-control-folder-import-dropdown-active-lock) { color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; } /* Final light Investor Configuration numeric/button typography lock. */ html:not([data-theme="dark"]) body[data-app-view="control"] .control-page .investor-comp-panel .investor-comp-summary-actions .btn.mini:not(#sq-final-light-investor-action-type-lock), html:not([data-theme="dark"]) body[data-app-view="control"] .control-page .investor-comp-panel .investor-comp-summary-actions .btn.mini :is(span,strong,b,em,small):not(#sq-final-light-investor-action-type-lock) { font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; text-shadow: none !important; text-transform: none !important; } html:not([data-theme="dark"]) body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-combo input:not(#sq-final-light-investor-numeric-type-lock), html:not([data-theme="dark"]) body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-combo input::placeholder, html:not([data-theme="dark"]) body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-menu .comp-override-option:not(#sq-final-light-investor-numeric-type-lock), html:not([data-theme="dark"]) body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-preferred :is(.preferred-comp-first,.preferred-comp-second,.preferred-comp-override) .comp-override-menu .comp-override-option:is(.is-auto-option,:hover,:focus,:focus-visible,.active):not(#sq-final-light-investor-numeric-type-lock), html:not([data-theme="dark"]) body[data-app-view="control"] .control-page .investor-comp-panel .investor-comp-row input[type="number"]:not(#sq-final-light-investor-numeric-type-lock), html:not([data-theme="dark"]) body[data-app-view="control"] .control-page .investor-comp-panel .investor-config-stat > b:not(#sq-final-light-investor-numeric-type-lock) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #071523 !important; } html:not([data-theme="dark"]) body[data-app-view="control"] .control-page .investor-comp-panel .investor-comp-row input[type="number"]:not(#sq-final-light-investor-numeric-box-lock) { min-height: 34px !important; padding: 6px 7px !important; text-align: center !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] :is( .pricing-presets-drawer[open] .mini-comp-choice-shell .custom-choice-menu > summary, .pricing-presets-drawer[open] .mini-comp-choice-shell .custom-choice-menu > summary :is(strong,span,b,em,small), .pricing-presets-drawer[open] .mini-comp-choice-shell .quick-choice-options > button, .pricing-presets-drawer[open] .mini-comp-choice-shell .quick-choice-options > button :is(strong,span,b,em,small), .mini-summary-comp .mini-comp-values > strong, .mini-summary-comp .mini-comp-values > b, .mini-summary-comp .mini-comp-percent-input ):not(#sq-final-light-lead-preset-comp-type-lock) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 15px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #071523 !important; } /* Final collapsed lead rail control lock (tail): compact controls stay neutral and independent of Label Color palette settings. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) { --workspace-action-chip-fill: #f4f7fa !important; --workspace-action-chip-border: #c8d4df !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip:not(#sq-final-collapsed-rail-control-palette-lock-2), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip:not(#sq-final-collapsed-rail-control-palette-lock-2) { background: #f4f7fa !important; background-color: #f4f7fa !important; background-image: none !important; border-color: #c8d4df !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 1px 2px rgba(15,23,42,.12) !important; color: #102033 !important; font-family: var(--sq-font-family) !important; text-shadow: none !important; -webkit-text-fill-color: #102033 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip:is(:hover,:focus,:focus-visible):not(#sq-final-collapsed-rail-control-palette-lock-2), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip:is(:hover,:focus,:focus-visible):not(#sq-final-collapsed-rail-control-palette-lock-2) { background: #eaf4fb !important; background-color: #eaf4fb !important; border-color: #8cc9ed !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 0 0 2px rgba(22,137,200,.12), 0 1px 3px rgba(15,23,42,.14) !important; color: #071523 !important; -webkit-text-fill-color: #071523 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip > span:not(.lead-rail-badge):not(#sq-final-collapsed-rail-control-label-lock-2), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip > span:not(.lead-rail-badge):not(#sq-final-collapsed-rail-control-label-lock-2), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip > small:not(#sq-final-collapsed-rail-control-label-lock-2), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip > small:not(#sq-final-collapsed-rail-control-label-lock-2) { color: currentColor !important; display: block !important; font-family: var(--sq-font-family) !important; font-size: 9.5px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1 !important; max-width: 56px !important; overflow: hidden !important; text-align: center !important; text-overflow: clip !important; text-shadow: none !important; text-transform: none !important; white-space: nowrap !important; -webkit-text-fill-color: currentColor !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.quote svg:not(#sq-final-collapsed-rail-control-icon-lock-2), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip.quote svg:not(#sq-final-collapsed-rail-control-icon-lock-2) { color: #1689c8 !important; stroke: #1689c8 !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) { --workspace-action-chip-fill: #18232e !important; --workspace-action-chip-border: rgba(159,208,255,.36) !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip:not(#sq-final-collapsed-rail-control-palette-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip:not(#sq-final-collapsed-rail-control-palette-lock-2) { background: #18232e !important; background-color: #18232e !important; background-image: none !important; border-color: rgba(159,208,255,.36) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 1px 2px rgba(0,0,0,.28) !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip:is(:hover,:focus,:focus-visible):not(#sq-final-collapsed-rail-control-palette-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip:is(:hover,:focus,:focus-visible):not(#sq-final-collapsed-rail-control-palette-lock-2) { background: #203142 !important; background-color: #203142 !important; border-color: #46bdf2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 2px rgba(70,189,242,.16), 0 1px 3px rgba(0,0,0,.32) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.quote svg:not(#sq-final-collapsed-rail-control-icon-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip.quote svg:not(#sq-final-collapsed-rail-control-icon-lock-2) { color: #46bdf2 !important; stroke: #46bdf2 !important; } /* Final collapsed lead rail control lock: compact controls stay neutral and independent of Label Color palette settings. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) { --workspace-action-chip-fill: #f4f7fa !important; --workspace-action-chip-border: #c8d4df !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip:not(#sq-final-collapsed-rail-control-palette-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip:not(#sq-final-collapsed-rail-control-palette-lock) { background: #f4f7fa !important; background-color: #f4f7fa !important; background-image: none !important; border-color: #c8d4df !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 1px 2px rgba(15,23,42,.12) !important; color: #102033 !important; font-family: var(--sq-font-family) !important; text-shadow: none !important; -webkit-text-fill-color: #102033 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip:is(:hover,:focus,:focus-visible):not(#sq-final-collapsed-rail-control-palette-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip:is(:hover,:focus,:focus-visible):not(#sq-final-collapsed-rail-control-palette-lock) { background: #eaf4fb !important; background-color: #eaf4fb !important; border-color: #8cc9ed !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 0 0 2px rgba(22,137,200,.12), 0 1px 3px rgba(15,23,42,.14) !important; color: #071523 !important; -webkit-text-fill-color: #071523 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip > span:not(.lead-rail-badge):not(#sq-final-collapsed-rail-control-label-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip > span:not(.lead-rail-badge):not(#sq-final-collapsed-rail-control-label-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip > small:not(#sq-final-collapsed-rail-control-label-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip > small:not(#sq-final-collapsed-rail-control-label-lock) { color: currentColor !important; display: block !important; font-family: var(--sq-font-family) !important; font-size: 9.5px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1 !important; max-width: 56px !important; overflow: hidden !important; text-align: center !important; text-overflow: clip !important; text-shadow: none !important; text-transform: none !important; white-space: nowrap !important; -webkit-text-fill-color: currentColor !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.quote svg:not(#sq-final-collapsed-rail-control-icon-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip.quote svg:not(#sq-final-collapsed-rail-control-icon-lock) { color: #1689c8 !important; stroke: #1689c8 !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) { --workspace-action-chip-fill: #18232e !important; --workspace-action-chip-border: rgba(159,208,255,.36) !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip:not(#sq-final-collapsed-rail-control-palette-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip:not(#sq-final-collapsed-rail-control-palette-lock) { background: #18232e !important; background-color: #18232e !important; background-image: none !important; border-color: rgba(159,208,255,.36) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 1px 2px rgba(0,0,0,.28) !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip:is(:hover,:focus,:focus-visible):not(#sq-final-collapsed-rail-control-palette-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip:is(:hover,:focus,:focus-visible):not(#sq-final-collapsed-rail-control-palette-lock) { background: #203142 !important; background-color: #203142 !important; border-color: #46bdf2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 2px rgba(70,189,242,.16), 0 1px 3px rgba(0,0,0,.32) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-lead-rail > .lead-side-rail:not(.pipeline-side-rail) .lead-rail-chip.quote svg:not(#sq-final-collapsed-rail-control-icon-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) .workspace.has-expanded-inline-lead-panel > .lead-transient-inline-rail:not(.pipeline-side-rail) .lead-rail-chip.quote svg:not(#sq-final-collapsed-rail-control-icon-lock) { color: #46bdf2 !important; stroke: #46bdf2 !important; } /* Final light Property/Scenario tab state lock: remove the blue-text third state. */ html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid :is( .lead-top-collapsible-card.editor-property, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ):not([open]) > .editor-section-summary > span:first-child:not(#sq-final-light-property-scenario-tab-state-lock):not(#sq-final-light-property-scenario-tab-state-lock-2) { background: #f8fbff !important; background-color: #f8fbff !important; background-image: none !important; border: 1px solid #9fd0ff !important; border-radius: 8px !important; box-shadow: none !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; -webkit-text-fill-color: #071523 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid :is( .lead-top-collapsible-card.editor-property, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ):not([open]) > .editor-section-summary:is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child:not(:hover):not(:focus-visible):not(:active):not(#sq-final-light-property-scenario-tab-state-lock):not(#sq-final-light-property-scenario-tab-state-lock-2) { background: #f8fbff !important; background-color: #f8fbff !important; border-color: #9fd0ff !important; box-shadow: none !important; color: #071523 !important; -webkit-text-fill-color: #071523 !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid :is( .lead-top-collapsible-card.editor-property, .lead-scenario-fields, [data-section-tab-scope="property"], [data-section-tab-scope="loanScenario"], [data-lead-editor-card="property"], [data-lead-editor-card="loanScenario"] ):not([open]) > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-final-light-property-scenario-tab-state-lock):not(#sq-final-light-property-scenario-tab-state-lock-2) { background: #f4f9ff !important; background-color: #f4f9ff !important; background-image: none !important; border: 1px solid #d8e6f2 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; text-shadow: none !important; transform: none !important; -webkit-text-fill-color: #071523 !important; } /* Final seller credit toggle lock: the collapsed affordance must remain clickable inside the aligned fee rail. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization .mini-row-label-with-toggle:has([data-mini-seller-credit-toggle]):not(#sq-final-seller-credit-toggle-click-lock) { align-items: center !important; display: inline-flex !important; gap: 8px !important; max-width: 100% !important; overflow: visible !important; position: relative !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization [data-mini-seller-credit-toggle]:not(#sq-final-seller-credit-toggle-click-lock) { flex: 0 0 auto !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; pointer-events: auto !important; position: relative !important; text-shadow: none !important; text-transform: none !important; z-index: 3 !important; } /* Final selected dropdown type lock: remove legacy skinny selected values during deferred refreshes. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="control"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .control-center, .pricing-control-center ) :is(.custom-choice-menu,.quick-choice-menu) > summary:not(#sq-final-selected-dropdown-type-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="control"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .control-center, .pricing-control-center ) :is(.custom-choice-menu,.quick-choice-menu) > summary :is(strong,span,b,em,small,.custom-choice-summary-rich,.mini-pref-display-text,.mini-pref-auto-display):not(#sq-final-selected-dropdown-type-lock) { font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.08 !important; opacity: 1 !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="control"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .control-center, .pricing-control-center ) :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:not(#sq-final-selected-dropdown-menu-type-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="control"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .control-center, .pricing-control-center ) :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-selected-dropdown-menu-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="control"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .control-center, .pricing-control-center ) :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:not(#sq-final-selected-dropdown-menu-type-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="control"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row, .control-center, .pricing-control-center ) :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-selected-dropdown-menu-type-lock) { font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; opacity: 1 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="control"]) :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(:focus):not(:focus-visible):not(:focus-within):not(#sq-final-selected-dropdown-active-ui-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"],[data-app-view="control"]) :is(.custom-choice-menu,.quick-choice-menu)[open] .quick-choice-options > button:is(.active,[aria-selected="true"]):not(:hover):not(:focus):not(:focus-visible):not(:focus-within):not(#sq-final-selected-dropdown-active-ui-lock) { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: 0 !important; } /* Final mini quote fee rail lock: keep summary values aligned and inset from the card edge. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization:not(#sq-final-mini-quote-fee-rail-lock) { --sq-mini-fee-row-right-inset: clamp(8px, 2.4%, 12px); --sq-mini-fee-value-rail: clamp(96px, 26%, 112px); } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization > .mini-fee-itemization-row:not(.mini-fee-drilldown):not(#sq-final-mini-quote-fee-rail-row-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization > .mini-fee-itemization-row.mini-fee-drilldown:not([open]) > summary:not(#sq-final-mini-quote-fee-rail-row-lock) { align-items: baseline !important; box-sizing: border-box !important; column-gap: 10px !important; display: grid !important; grid-template-columns: minmax(0,1fr) var(--sq-mini-fee-value-rail) !important; min-width: 0 !important; padding-left: 0 !important; padding-right: var(--sq-mini-fee-row-right-inset) !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization > .mini-fee-itemization-row:not(.mini-fee-drilldown) > :is(strong,input,.mini-fee-value):not(#sq-final-mini-quote-fee-rail-value-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization > .mini-fee-itemization-row.mini-fee-drilldown:not([open]) > summary > :is(strong,input,.mini-fee-value):not(#sq-final-mini-quote-fee-rail-value-lock) { box-sizing: border-box !important; display: block !important; inline-size: var(--sq-mini-fee-value-rail) !important; justify-self: end !important; max-inline-size: var(--sq-mini-fee-value-rail) !important; min-inline-size: var(--sq-mini-fee-value-rail) !important; overflow: hidden !important; text-align: right !important; text-overflow: ellipsis !important; white-space: nowrap !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization > .mini-fee-itemization-row:not(.mini-fee-drilldown) > :is(span,.mini-row-label-with-toggle):not(#sq-final-mini-quote-fee-rail-label-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-quote-summary .mini-fee-itemization > .mini-fee-itemization-row.mini-fee-drilldown:not([open]) > summary > span:first-child:not(#sq-final-mini-quote-fee-rail-label-lock) { justify-self: start !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; } /* Final dark Escrow Prepaids toggle lock: keep Taxes/Insurance readable in selected and unselected states. */ html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-breakdown-escrow-prepaids .option-detail-include-row .escrow-toggle-pill:not(#sq-final-dark-escrow-toggle-readable-lock):not(#sq-final-dark-escrow-toggle-readable-lock-2) { background: #101820 !important; background-color: #101820 !important; background-image: none !important; border-color: rgba(159,208,255,.42) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-breakdown-escrow-prepaids .option-detail-include-row .escrow-toggle-pill:is(.is-on,[aria-pressed="true"]):not(#sq-final-dark-escrow-toggle-readable-lock):not(#sq-final-dark-escrow-toggle-readable-lock-2) { background: linear-gradient(180deg, #173f5b 0%, #0d2b42 100%) !important; background-color: #0d2b42 !important; border-color: #46bdf2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(70,189,242,.22), 0 1px 3px rgba(0,0,0,.28) !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .quote-breakdown-escrow-prepaids .option-detail-include-row .escrow-toggle-pill :is(b,span,strong):not(#sq-final-dark-escrow-toggle-readable-lock):not(#sq-final-dark-escrow-toggle-readable-lock-2) { color: #f6fbff !important; -webkit-text-fill-color: #f6fbff !important; text-shadow: none !important; } /* Final payment breakdown popover color lock: labels stay blue, values stay black in light mode. */ html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-payment-breakdown[open] .mini-payment-breakdown-panel .mini-payment-breakdown-row > span:not(#sq-final-payment-breakdown-color-lock) { color: #0b70b7 !important; -webkit-text-fill-color: #0b70b7 !important; text-shadow: none !important; } html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-payment-breakdown[open] .mini-payment-breakdown-panel .mini-payment-breakdown-row > strong:not(#sq-final-payment-breakdown-color-lock), html:not([data-theme="dark"]) body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] .mini-payment-breakdown[open] .mini-payment-breakdown-panel .mini-payment-breakdown-row > strong > em:not(#sq-final-payment-breakdown-color-lock) { color: #071523 !important; -webkit-text-fill-color: #071523 !important; text-shadow: none !important; } /* Final expanded Scenario tab state lock: the open window stays on the light tab color; hover inversion is collapsed-only. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child:not(#sq-final-expanded-scenario-tab-light-lock):not(#sq-final-expanded-scenario-tab-light-lock-2), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-final-expanded-scenario-tab-light-lock):not(#sq-final-expanded-scenario-tab-light-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child:not(#sq-final-expanded-scenario-tab-light-lock):not(#sq-final-expanded-scenario-tab-light-lock-2), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-scenario-fields[open] > .editor-section-summary > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-final-expanded-scenario-tab-light-lock):not(#sq-final-expanded-scenario-tab-light-lock-2) { background: #f4f9ff !important; background-color: #f4f9ff !important; background-image: none !important; border: 1px solid #d8e6f2 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; font-family: var(--sq-font-family) !important; font-size: 18px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.05 !important; min-height: 40px !important; min-width: 104px !important; padding: 9px 14px !important; text-shadow: none !important; text-transform: none !important; transform: none !important; -webkit-text-fill-color: #071523 !important; } /* Final mortgage header surface lock: prevent a full-width dark strip from protruding behind the mortgage label. */ body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:not(#sq-final-mortgage-head-no-strip-lock), body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active):not(#sq-final-mortgage-head-no-strip-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:not(#sq-final-mortgage-head-no-strip-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second) > .mini-rate-snapshot-head:is(:hover,:focus,:focus-visible,:focus-within,:active):not(#sq-final-mortgage-head-no-strip-lock) { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; filter: none !important; outline: 0 !important; } body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head:not(#sq-final-mortgage-head-spacing-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .mini-rate-snapshot-frame:is(.is-first,.is-second)[open] > .mini-rate-snapshot-head:not(#sq-final-mortgage-head-spacing-lock) { margin-bottom: 2px !important; } /* Final dark lead pane Status/Controls tab lock: hover/open text and fill invert together. */ html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card) > :is(.editor-section-summary,.lead-panel-controls-summary) > span:first-child:not(#sq-final-dark-status-controls-tab-base-lock) { background: #06111b !important; background-color: #06111b !important; background-image: none !important; border: 1px solid rgba(82, 170, 231, .74) !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.22) !important; color: #f6fbff !important; color-scheme: dark !important; font-family: var(--sq-font-family) !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #f6fbff !important; } html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card)[open] > :is(.editor-section-summary,.lead-panel-controls-summary) > span:first-child:not(#sq-final-dark-status-controls-tab-active-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card) > :is(.editor-section-summary,.lead-panel-controls-summary):is(:hover,:focus,:focus-visible,:focus-within,:active) > span:first-child:not(#sq-final-dark-status-controls-tab-active-lock), html[data-theme="dark"] body:is([data-app-view="leads"],[data-app-view="calculators"],[data-app-view="quotePreview"]) :is( .workspace, .selected-lead-panel, .lead-expanded-workspace-frame, .lead-inline-detail-stack, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .selected-lead-panel :is(.lead-panel-status-card,.lead-panel-controls-card) > :is(.editor-section-summary,.lead-panel-controls-summary) > span:first-child:is(:hover,:focus,:focus-visible,:active):not(#sq-final-dark-status-controls-tab-active-lock) { background: #f4f9ff !important; background-color: #f4f9ff !important; background-image: none !important; border-color: #d8e6f2 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 1px 3px rgba(0,0,0,.2) !important; color: #071523 !important; color-scheme: light !important; text-shadow: none !important; -webkit-text-fill-color: #071523 !important; } /* Final landing pricing screenshot swap: let the comparison image sit directly on the section background. */ body:not([data-app-view]) .landing-pricing-feature:not(#sq-final-landing-clean-pricing-shot) .landing-screenshot-card-pricing { background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; justify-self: stretch !important; max-width: min(100%, 1120px) !important; overflow: visible !important; width: 100% !important; } body:not([data-app-view]) .landing-pricing-feature:not(#sq-final-landing-clean-pricing-shot) .landing-screenshot-card-pricing img { background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; display: block !important; height: auto !important; max-width: 100% !important; object-fit: contain !important; object-position: center center !important; width: 100% !important; } /* Final collapsed Property type dropdown typography lock: selected/current rows match the StreamQuote value weight. */ body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell :is(.custom-choice-menu strong,.property-type-label-full,.property-type-label-short):not(#sq-final-collapsed-property-type-font-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell :is(.custom-choice-menu strong,.property-type-label-full,.property-type-label-short):not(#sq-final-collapsed-property-type-font-lock) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 14px !important; font-style: normal !important; font-variation-settings: "wght" 950 !important; font-weight: 950 !important; letter-spacing: 0 !important; line-height: 1.04 !important; text-align: center !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #071523 !important; } body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options button:not(#sq-final-collapsed-property-type-font-lock), body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-collapsed-property-type-font-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options button:not(#sq-final-collapsed-property-type-font-lock), html[data-theme="dark"] body[data-app-view="leads"] .workspace :is( .lead-expanded-workspace-frame, .lead-inline-detail-stack, .selected-lead-panel, .lead-pane-inline-row, .lead-rail-inline-block, .lead-rail-inline-row, .expanded-row ) .lead-editor-grid .lead-top-collapsible-card.editor-property:not([open]) .property-summary-type-choice-shell .quick-choice-options button:is(.active,[aria-selected="true"],:hover,:focus,:focus-visible):not(#sq-final-collapsed-property-type-font-lock) { color: #071523 !important; font-family: var(--sq-font-family) !important; font-size: 13px !important; font-style: normal !important; font-variation-settings: "wght" 900 !important; font-weight: 900 !important; letter-spacing: 0 !important; line-height: 1.12 !important; text-align: left !important; text-shadow: none !important; text-transform: none !important; -webkit-text-fill-color: #071523 !important; }