/* HELM workspace: one final, explicitly paired visual system for the broker app. */ body:has(.site-shell-platform), .workspace-search-dialog { --workspace-bg:#f5f7fa; --workspace-surface:#fff; --workspace-soft:#f1f6f8; --workspace-ink:#183747; --workspace-copy:#465f70; --workspace-muted:#536d7e; --workspace-line:#dce5ea; --workspace-control-line:#8597a8; --workspace-accent:#123748; --workspace-hover:#e8f1f5; --workspace-gold:#876425; --workspace-shadow:none; --workspace-nav:#123748; --workspace-nav-hover:#1c465b; --workspace-nav-selected:#244f63; --workspace-nav-ink:#edf4f7; --workspace-nav-muted:#c3d5de; --workspace-nav-gold:#e1c48b; --workspace-nav-line:#3a5b6c; --modern-canvas:var(--workspace-bg); --modern-surface:var(--workspace-surface); --modern-surface-muted:var(--workspace-soft); --modern-ink:var(--workspace-ink); --modern-ink-soft:var(--workspace-copy); --modern-copy:var(--workspace-copy); --modern-muted:var(--workspace-muted); --modern-line:var(--workspace-line); --modern-line-strong:var(--workspace-control-line); --modern-aqua:var(--workspace-accent); --surface-card:var(--workspace-surface); --surface-card-strong:var(--workspace-soft); --surface-border:var(--workspace-line); --surface-soft-readable:var(--workspace-soft); --modern-radius:7px; --modern-control-height:40px; --modern-platform-header-height:64px; --platform-appbar-height:64px; --modern-header-height:64px; --platform-dark-bg:var(--workspace-bg); --platform-dark-panel:var(--workspace-surface); --platform-dark-panel-2:var(--workspace-soft); --platform-dark-title:var(--workspace-ink); --platform-dark-panel-3:var(--workspace-soft); --platform-dark-copy:var(--workspace-copy); --platform-dark-label:var(--workspace-muted); --platform-dark-muted:var(--workspace-muted); --platform-dark-border:var(--workspace-line); --platform-dark-border-strong:var(--workspace-control-line); } /* Like the private CRM, the brokerage desk owns its light reading surfaces. Public-site appearance preferences must not change form or record contrast. */ html[data-theme] body:has(.site-shell-platform), html[data-theme] .workspace-search-dialog { color-scheme:light; } body:has(.site-shell-platform) { overflow:hidden; background:var(--workspace-bg); } #app .site-shell-platform { color:var(--workspace-ink); font:400 14px/1.5 var(--helm-body-font,"Segoe UI",Arial,sans-serif); height:100dvh; overflow:hidden; background:var(--workspace-bg); } #app .site-shell-platform *, #app .site-shell-platform *::before, #app .site-shell-platform *::after { box-sizing:border-box; } #app .site-shell-platform [hidden] { display:none !important; } #app .site-shell-platform :is(.page-shell-platform,.section-platform,.platform-container) { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; } #app .site-shell-platform .page-shell-platform { height:calc(100dvh - 64px); margin-top:64px !important; overflow:hidden; } #app .site-shell-platform :is(.page-shell-platform,.section-platform,.platform-container)::before, #app .site-shell-platform :is(.page-shell-platform,.section-platform,.platform-container)::after { display:none !important; } #app .site-shell-platform :is(.section-platform,.platform-container,.platform-shell) { height:100%; min-height:0 !important; } #app .site-shell-platform .page-motion-shell { opacity:1 !important; transform:none !important; transition:none !important; animation:none !important; } #app .site-shell-platform :is([data-reveal],.listing-card,.signal-card,.feature-card--icon) { opacity:1 !important; transform:none !important; transition:none !important; animation:none !important; } #app .site-shell-platform .topbar-platform { position:fixed !important; inset:0 0 auto; height:64px; min-height:64px; z-index:150; border:0; border-bottom:1px solid #c9b27e; background:var(--workspace-nav) !important; box-shadow:none; backdrop-filter:none; } #app .site-shell-platform .topbar-platform .platform-appbar { display:grid !important; grid-template-columns:40px 185px minmax(180px,480px) 1fr; align-items:center; gap:16px; width:100% !important; max-width:none; min-height:64px; height:64px; padding:0 20px; } #app .site-shell-platform .workspace-mobile-menu { display:grid !important; place-items:center; width:36px; height:36px; min-height:36px; padding:6px; border:1px solid #718898; border-radius:5px; color:#fff; background:transparent; cursor:pointer; } #app .site-shell-platform .brand-lockup { min-width:0; gap:10px; width:auto; } #app .site-shell-platform .brand-logo { width:34px !important; height:34px !important; object-fit:contain; border-radius:5px; } #app .site-shell-platform .brand-text { display:grid; gap:0; } #app .site-shell-platform .brand-text > span { color:#fff !important; font-size:21px; line-height:1.15; font-weight:600; letter-spacing:.08em; } #app .site-shell-platform .brand-text small { color:var(--workspace-nav-gold) !important; font-size:10px; line-height:1.5; font-weight:400; text-transform:none; } #app .site-shell-platform .workspace-search-trigger { display:flex; align-items:center; gap:10px; margin:0; width:100%; max-width:none; height:36px; min-height:36px; padding:0 12px; border:1px solid #718898; border-radius:5px; background:var(--workspace-nav-hover); color:#fff; font:400 14px/1.4 inherit; box-shadow:none; cursor:pointer; } #app .site-shell-platform .workspace-search-trigger kbd { margin-left:auto; color:#e1e8ed; border:1px solid #718898; border-radius:3px; padding:0 5px; font-size:11px; } #app .site-shell-platform .platform-appbar-actions { display:flex; justify-content:flex-end; gap:12px; align-items:center; min-width:0; } #app .site-shell-platform .platform-main-site-link { display:inline-flex; align-items:center; height:36px; min-height:36px; padding:0 10px; border:0; color:#e0eaf0 !important; background:transparent !important; font-size:12px; font-weight:500; box-shadow:none; } #app .site-shell-platform .platform-notification-link { display:grid; place-items:center; width:36px; height:36px; min-height:36px; border:1px solid #718898; border-radius:5px; background:transparent !important; color:#fff !important; } #app .site-shell-platform .nav-profile-button--platform { display:grid; place-items:center; width:34px; height:34px; min-height:34px; border:1px solid #a0b4c1; border-radius:50%; color:#fff !important; background:#34546b !important; font-size:12px; font-weight:600; } #app .site-shell-platform .platform-shell { display:grid !important; grid-template-columns:0 minmax(0,1fr) !important; gap:0; width:100% !important; padding:0 !important; border:0; border-radius:0; background:none !important; overflow:hidden; transition:none; } #app .site-shell-platform.platform-sidebar-open .platform-shell { grid-template-columns:220px minmax(0,1fr) !important; } #app .site-shell-platform .platform-sidebar-rail { display:none !important; } #app .site-shell-platform .platform-sidebar { grid-column:1 !important; grid-row:1 !important; display:flex !important; flex-direction:column; position:relative !important; inset:auto !important; width:220px !important; height:100%; max-height:none; min-height:0; overflow:hidden !important; border:0; border-right:1px solid var(--workspace-nav-line); background:var(--workspace-nav) !important; box-shadow:none; transform:none !important; transition:none; } #app .site-shell-platform:not(.platform-sidebar-open) .platform-sidebar { visibility:hidden; pointer-events:none; } #app .site-shell-platform .platform-brand { flex:0 0 auto; display:flex; align-items:center; gap:9px; min-height:65px; padding:14px 16px; margin:0; border:0; border-bottom:1px solid var(--workspace-nav-line); background:var(--workspace-nav) !important; color:var(--workspace-nav-ink) !important; } #app .site-shell-platform .platform-brand img { display:none; } #app .site-shell-platform .platform-brand > div { display:grid; min-width:0; gap:2px; } #app .site-shell-platform .platform-brand span { font-size:10px; font-weight:600; letter-spacing:.12em; color:var(--workspace-nav-gold) !important; } #app .site-shell-platform .platform-brand small { font-size:12px; font-weight:600; color:var(--workspace-nav-ink) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:155px; } #app .site-shell-platform .platform-sidebar-collapse { display:grid; place-items:center; flex:0 0 28px; width:28px; height:30px; min-height:30px; margin-left:auto; border:1px solid #718898; background:var(--workspace-nav-hover) !important; color:var(--workspace-nav-ink) !important; border-radius:4px; } #app .site-shell-platform .platform-sidebar-scroll { flex:1 1 auto; min-height:0; height:auto !important; max-height:none !important; overflow:auto !important; margin:0 !important; padding:10px 8px !important; border:0 !important; background:var(--workspace-nav) !important; scrollbar-width:thin; scrollbar-color:#819eae transparent; } #app .site-shell-platform .platform-nav { display:block; margin:0; padding:0 !important; border:0 !important; border-radius:0; background:var(--workspace-nav) !important; background-image:none !important; box-shadow:none !important; backdrop-filter:none !important; } #app .site-shell-platform .platform-nav::before,#app .site-shell-platform .platform-nav::after { display:none !important; } #app .site-shell-platform .platform-nav-group { display:block; margin:0 0 8px; padding:0; border:0; background:transparent !important; box-shadow:none !important; } #app .site-shell-platform .platform-group-summary { display:flex; align-items:center; justify-content:space-between; list-style:none; min-height:34px; padding:7px 10px; margin:0; border:0; border-radius:4px; color:var(--workspace-nav-muted) !important; background:transparent !important; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; cursor:pointer; } #app .site-shell-platform .platform-group-summary::-webkit-details-marker { display:none; } #app .site-shell-platform .platform-group-label { color:inherit !important; } #app .site-shell-platform .platform-group-arrow,#app .site-shell-platform .platform-nav-group[open] .platform-group-arrow { border:0 !important; background:transparent !important; color:inherit !important; } #app .site-shell-platform .platform-group-arrow::before { border-color:currentColor !important; } #app .site-shell-platform .platform-group-links { display:grid; gap:2px; padding:0; margin:0; } #app .site-shell-platform .platform-nav-group:has(.platform-link.is-active) > summary { color:var(--workspace-nav-gold) !important; } #app .site-shell-platform .platform-nav-group:not([open]) > .platform-group-links { display:none !important; } #app .site-shell-platform .platform-link { display:flex; align-items:center; gap:10px; width:100%; min-height:36px; padding:8px 10px; margin:0; border:0 !important; border-radius:4px; color:var(--workspace-nav-ink) !important; background:transparent !important; box-shadow:none !important; text-decoration:none; font-size:13px; line-height:1.4; font-weight:500; text-align:left; } #app .site-shell-platform :is(.platform-link,.platform-group-summary):hover { color:#fff !important; background:var(--workspace-nav-hover) !important; } #app .site-shell-platform .platform-link.is-active { background:var(--workspace-nav-selected) !important; color:#fff !important; box-shadow:inset 3px 0 var(--workspace-nav-gold) !important; font-weight:600; } #app .site-shell-platform .platform-link.is-active .platform-link-icon { color:var(--workspace-nav-gold) !important; } #app .site-shell-platform .platform-link.is-disabled { opacity:.7; cursor:default; } #app .site-shell-platform .platform-link * { color:inherit !important; } #app .site-shell-platform .platform-link-icon { width:18px; height:18px; flex:0 0 18px; } #app .site-shell-platform .platform-link-icon svg { display:block; width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; } #app .site-shell-platform .platform-link-badge { margin-left:auto; padding:1px 4px; font-size:9px; border:1px solid var(--workspace-line); border-radius:3px; background:var(--workspace-soft); white-space:nowrap; } #app .site-shell-platform .platform-link .platform-link-badge { color:var(--workspace-nav-muted) !important; background:var(--workspace-nav-hover) !important; border-color:#718898 !important; box-shadow:none !important; } #app .site-shell-platform .platform-session-card { flex:0 0 auto; width:100%; display:grid; gap:5px; margin:0; padding:12px 16px; border:0; border-top:1px solid var(--workspace-nav-line); border-radius:0; color:var(--workspace-nav-ink) !important; background:var(--workspace-nav) !important; box-shadow:none; } #app .site-shell-platform .platform-session-card .platform-sidecard-label { display:none; } #app .site-shell-platform .platform-session-card h3 { margin:0; font-size:13px; font-weight:600; color:var(--workspace-nav-ink) !important; } #app .site-shell-platform .platform-session-card p { margin:0; font-size:11px; line-height:1.4; color:var(--workspace-nav-muted) !important; } #app .site-shell-platform .platform-mode-indicator { display:flex; align-items:center; gap:6px; margin:0; font-size:10px; min-height:0; color:var(--workspace-nav-muted); } #app .site-shell-platform .platform-session-card .platform-mode-copy { color:var(--workspace-nav-muted) !important; } #app .site-shell-platform .platform-plan-indicator { display:none; } #app .site-shell-platform .platform-session-actions { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; padding-top:3px; } #app .site-shell-platform .platform-session-actions a { display:inline-flex; align-items:center; min-height:26px; width:auto; color:var(--workspace-nav-gold) !important; font-size:11px; text-decoration:none; } #app .site-shell-platform .platform-main-shell { grid-column:2 !important; grid-row:1 !important; min-width:0; min-height:0; width:100%; height:100%; margin:0 !important; padding:0 !important; overflow:hidden; background:transparent !important; } #app .site-shell-platform .platform-main-scroll { width:100%; height:100%; min-height:0; max-height:none; margin:0 !important; padding:0 !important; overflow:auto !important; background:var(--workspace-bg) !important; scrollbar-width:thin; scrollbar-color:var(--workspace-control-line) transparent; } #app .site-shell-platform .platform-header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px 20px; margin:0 !important; padding:24px 28px 20px !important; border:0; border-radius:0; color:var(--workspace-ink); background:transparent !important; box-shadow:none; } #app .site-shell-platform .platform-header-kicker { margin:0 0 5px; font-size:10px; letter-spacing:.07em; text-transform:uppercase; color:var(--workspace-gold) !important; } #app .site-shell-platform .platform-header h1 { font:600 27px/1.25 var(--helm-body-font,"Segoe UI",Arial,sans-serif) !important; letter-spacing:-.025em; margin:0 !important; color:var(--workspace-ink) !important; } #app .site-shell-platform .platform-header .section-copy { margin:5px 0 0; font-size:13px; line-height:1.5; max-width:70ch; color:var(--workspace-copy) !important; } #app .site-shell-platform .platform-header-actions { display:flex !important; flex-wrap:wrap; align-items:center; gap:8px; width:auto !important; } #app .site-shell-platform .platform-header-actions .btn { width:auto !important; } #app .site-shell-platform .platform-main { min-width:0; display:block; padding:0 28px 28px !important; } #app .site-shell-platform .platform-main > * + * { margin-top:20px; } #app .site-shell-platform :is(.panel,.metric-card,.summary-card,.workspace-metric,.workspace-panel,.signal-card,.feature-card,.broker-os-panel,.vault-toolbar,.settings-card,.client-detail-card,.stack-item,.detail-chip,.client-info-tile,.broker-os-field-tile,.detail-summary-card,.lead-detail-grid > div) { min-width:0; border:1px solid var(--workspace-line) !important; border-radius:7px !important; background:var(--workspace-surface) !important; color:var(--workspace-ink) !important; box-shadow:none !important; backdrop-filter:none !important; transform:none !important; } #app .site-shell-platform :is(.panel,.workspace-panel) { padding:20px !important; } #app .site-shell-platform .panel { text-align:left; } #app .site-shell-platform :is(.detail-chip,.client-info-tile,.broker-os-field-tile,.detail-summary-card,.lead-detail-grid > div) { padding:12px; } #app .site-shell-platform :is(h2,h3,h4) { font-family:var(--helm-body-font,"Segoe UI",Arial,sans-serif) !important; color:var(--workspace-ink) !important; text-transform:none; letter-spacing:-.015em; } #app .site-shell-platform h2 { font-size:20px !important; line-height:1.35; font-weight:600; } #app .site-shell-platform h3 { font-size:17px !important; line-height:1.4; font-weight:600; } #app .site-shell-platform h4 { font-size:14px !important; line-height:1.5; font-weight:600; } #app .site-shell-platform p { color:var(--workspace-copy); font-size:14px; line-height:1.6; } #app .site-shell-platform :is(.panel-label,.detail-label,.meta-label,.input-shell > span,.form-label,.crm-field-label,dt) { color:var(--workspace-muted) !important; font-size:11px !important; font-weight:600; line-height:1.5; letter-spacing:.03em; } #app .site-shell-platform .panel-label { margin:0 0 5px; color:var(--workspace-gold) !important; } #app .site-shell-platform :is(.detail-value,.detail-value-break,.client-info-tile strong,.broker-os-field-tile strong) { color:var(--workspace-ink) !important; font-size:14px !important; font-weight:500; overflow-wrap:anywhere; } #app .site-shell-platform :is(.panel-header,.panel-heading) { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px; margin:0 0 16px; } #app .site-shell-platform .panel-header h3 { margin:0; } #app .site-shell-platform .btn { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; gap:7px; min-width:0; width:auto; height:auto; min-height:38px; margin:0; padding:8px 13px; border:1px solid var(--workspace-control-line); border-radius:5px !important; color:var(--workspace-ink) !important; background:var(--workspace-surface) !important; box-shadow:none !important; font:500 13px/1.4 var(--helm-body-font,"Segoe UI",Arial,sans-serif); text-align:center; text-decoration:none; text-transform:none; letter-spacing:0; white-space:normal; transform:none !important; transition:background-color .12s,border-color .12s; } #app .site-shell-platform .btn-primary { color:#fff !important; background:var(--workspace-nav) !important; border-color:var(--workspace-nav) !important; box-shadow:inset 0 -2px #b79655 !important; } #app .site-shell-platform .btn-ghost { border-color:transparent !important; background:transparent !important; color:var(--workspace-accent) !important; } #app .site-shell-platform .btn-danger { background:#a12b35 !important; border-color:#a12b35 !important; color:#fff !important; } #app .site-shell-platform .btn:hover { background:var(--workspace-hover) !important; } #app .site-shell-platform .btn-primary:hover { background:var(--workspace-nav-hover) !important; } #app .site-shell-platform .btn-danger:hover { background:#7c2028 !important; } #app .site-shell-platform button:disabled { opacity:.55; cursor:not-allowed; } #app .site-shell-platform :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.custom-select-trigger) { width:100%; min-width:0; max-width:100%; min-height:40px; padding:9px 11px; border:1px solid var(--workspace-control-line) !important; border-radius:5px !important; background:var(--workspace-surface) !important; color:var(--workspace-ink) !important; box-shadow:none !important; font:400 14px/1.45 var(--helm-body-font,"Segoe UI",Arial,sans-serif); } #app .site-shell-platform input::placeholder,#app .site-shell-platform textarea::placeholder { color:var(--workspace-muted) !important; opacity:1; } #app .site-shell-platform .input-shell { display:grid; align-content:start; gap:7px; min-width:0; margin:0; } #app .site-shell-platform .input-shell-textarea textarea { min-height:110px; resize:vertical; } #app .site-shell-platform .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } #app .site-shell-platform .full-span { grid-column:1/-1; } #app .site-shell-platform :is(.badge,.pill-tag,.meta-chip,.status-badge,.intent-badge,.lead-score-pill) { display:inline-flex; align-items:center; justify-content:center; min-height:24px; width:auto; max-width:100%; margin:0; padding:3px 8px; border:1px solid var(--workspace-line) !important; border-radius:4px !important; background:var(--workspace-soft) !important; color:var(--workspace-copy) !important; box-shadow:none !important; font-size:10px; font-weight:600; line-height:1.4; letter-spacing:0; text-transform:none; white-space:normal; overflow-wrap:anywhere; } #app .site-shell-platform :is(.status-badge--published,.badge-success,.status-published,.status-qualified) { color:#175a46 !important; background:#e9f5ef !important; border-color:#b1d2c1 !important; } #app .site-shell-platform :is(.info-banner,.success-banner,.warning-banner,.error-banner,.reply-box) { border-radius:5px; padding:12px 14px; margin:12px 0; box-shadow:none; background:var(--workspace-soft); color:var(--workspace-ink); border:1px solid var(--workspace-line); } #app .site-shell-platform .error-banner { background:#fff0f0; color:#8b2931; border-color:#dda9ad; } #app .site-shell-platform .warning-banner { background:#fff7e5; color:#6d5018; border-color:#dcc89a; } #app .site-shell-platform .success-banner { background:#ecf7f0; color:#1c5d3d; border-color:#bad8c5; } #app .site-shell-platform :is(.error-banner,.warning-banner,.success-banner) :is(p,strong,span,h2,h3,small) { color:inherit !important; } #app .site-shell-platform :is(.stack-list,.compact-stack) { display:grid; gap:10px; } #app .site-shell-platform .stack-item { padding:13px 14px !important; } #app .site-shell-platform .stack-item h3 { margin:0 0 5px; font-size:14px !important; } #app .site-shell-platform .stack-item p { margin:0; font-size:13px; } #app .site-shell-platform :is(.metric-grid,.stats-grid,.workspace-metrics) { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0 0 20px; } #app .site-shell-platform :is(.metric-card,.workspace-metric) { min-height:0; padding:16px !important; } #app .site-shell-platform :is(.metric-card,.workspace-metric) { border-top:2px solid #c9b27e !important; background:var(--workspace-soft) !important; } #app .site-shell-platform :is(.metric-card h3,.workspace-metric strong) { margin:6px 0; font-size:26px !important; font-weight:600; } #app .site-shell-platform .metric-card p { margin:0; font-size:12px; } #app .site-shell-platform :is(.broker-table-wrap,.table-wrap,.data-table-wrap,.table-shell) { max-width:100%; overflow-x:auto; border:1px solid var(--workspace-line); border-radius:6px; } #app .site-shell-platform table { width:100%; border-collapse:collapse; color:var(--workspace-ink); background:var(--workspace-surface); font-size:13px; } #app .site-shell-platform th { padding:11px 14px; color:var(--workspace-muted); background:var(--workspace-soft); text-align:left; font-size:11px; font-weight:600; } #app .site-shell-platform td { padding:12px 14px; border-top:1px solid var(--workspace-line); } #app .site-shell-platform :is(.detail-grid,.lead-detail-grid,.broker-os-fields) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } #app .site-shell-platform .empty-state { padding:32px 20px; text-align:center; color:var(--workspace-copy); } #app .site-shell-platform :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid var(--workspace-accent) !important; outline-offset:3px; } #app .site-shell-platform :is(.topbar-platform,.platform-sidebar) :is(a,button,summary):focus-visible { outline-color:var(--workspace-nav-gold) !important; } #app .site-shell-platform .brand-lockup:is(:hover,:focus-visible) { text-decoration:none !important; } #app .site-shell-platform .platform-session-actions a:hover { color:#fff !important; text-decoration:underline; text-underline-offset:3px; } #app .site-shell-platform :is(.panel,.stack-item,.detail-chip,.metric-card)::before, #app .site-shell-platform :is(.panel,.stack-item,.detail-chip,.metric-card)::after { display:none !important; } /* Lead worklist + record: stable rows, one selected record, secondary detail on demand. */ #app .site-shell-platform .crm-leads-workspace { display:grid; grid-template-columns:minmax(290px,.36fr) minmax(0,.64fr); gap:18px; align-items:start; min-width:0; } #app .site-shell-platform :is(.crm-lead-worklist,.crm-lead-record) { min-width:0; padding:0 !important; overflow:hidden; border:1px solid var(--workspace-line); border-radius:7px; background:var(--workspace-surface); color:var(--workspace-ink); } #app .site-shell-platform :is(.crm-lead-worklist,.crm-lead-record) { display:flex; flex-direction:column; max-height:calc(100dvh - 200px); min-height:350px; } #app .site-shell-platform :is(.crm-record-header,.crm-contact-strip,.crm-record-tabs,.crm-worklist-heading,.crm-lead-search,.crm-lead-filter-row,.crm-lead-views,.crm-worklist-footnote) { flex-shrink:0; } #app .site-shell-platform .crm-worklist-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:16px 16px 10px; } #app .site-shell-platform .crm-worklist-heading h2 { margin:0; font-size:15px !important; } #app .site-shell-platform .crm-worklist-heading p { margin:3px 0 0; font-size:11px; } #app .site-shell-platform .crm-worklist-count { color:var(--workspace-muted); font-size:12px; } #app .site-shell-platform .crm-lead-search { display:block; padding:0 14px 10px; } #app .site-shell-platform .crm-lead-search input { min-height:38px; font-size:13px; } #app .site-shell-platform .crm-lead-filter-row { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 14px 10px; } #app .site-shell-platform .crm-lead-filter-row .custom-select-trigger { min-height:34px; padding:6px 10px; font-size:12px; } #app .site-shell-platform .crm-lead-views { display:flex; flex-wrap:wrap; gap:4px; padding:0 14px 12px; } #app .site-shell-platform .crm-lead-views button { flex:0 0 auto; width:auto; min-height:30px; padding:5px 8px; border:1px solid transparent; border-radius:4px; background:transparent; color:var(--workspace-copy); font-size:11px; cursor:pointer; } #app .site-shell-platform .crm-lead-views button[aria-pressed="true"] { border-color:var(--workspace-control-line); background:var(--workspace-hover); color:var(--workspace-accent); } #app .site-shell-platform .crm-lead-list-scroll { display:block; flex:1 1 auto; max-height:none; min-height:100px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; } #app .site-shell-platform .crm-lead-row { display:grid !important; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:5px 10px; width:100%; min-height:70px !important; padding:10px 14px !important; margin:0 !important; border:0 !important; border-top:1px solid var(--workspace-line) !important; border-left:3px solid transparent !important; border-radius:0 !important; background:var(--workspace-surface) !important; color:var(--workspace-ink) !important; box-shadow:none !important; font:400 12px/1.45 var(--helm-body-font,"Segoe UI",Arial,sans-serif); text-align:left !important; cursor:pointer; transform:none !important; } #app .site-shell-platform .crm-lead-row:hover { background:var(--workspace-soft) !important; } #app .site-shell-platform .crm-lead-row.is-active { border-left-color:var(--workspace-accent) !important; background:var(--workspace-hover) !important; } #app .site-shell-platform .crm-lead-row-main { display:grid; gap:4px; min-width:0; text-align:left; } #app .site-shell-platform .crm-lead-row-main strong { font-size:13px; font-weight:600; color:var(--workspace-ink); } #app .site-shell-platform .crm-lead-row-main small { color:var(--workspace-copy); font-size:11px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #app .site-shell-platform :is(.crm-lead-row-status,.crm-record-badges) { display:flex; gap:6px; align-items:center; flex-wrap:wrap; } #app .site-shell-platform .crm-lead-row-status { align-content:start; justify-content:flex-end; } #app .site-shell-platform .crm-lead-row-owner { grid-column:1/-1; color:var(--workspace-muted); font-size:11px; } #app .site-shell-platform .crm-lead-priority { display:flex; align-items:center; gap:5px; font-size:11px; font-weight:500; min-width:27px; color:var(--workspace-copy); } #app .site-shell-platform .crm-worklist-footnote { padding:10px 16px; margin:0; border-top:1px solid var(--workspace-line); color:var(--workspace-muted); font-size:11px; } #app .site-shell-platform .crm-record-header { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:10px; padding:20px 22px 14px; } #app .site-shell-platform .crm-record-header h2 { margin:3px 0 5px; font-size:22px !important; } #app .site-shell-platform .crm-record-eyebrow { margin:0; font-size:10px; color:var(--workspace-muted); text-transform:uppercase; letter-spacing:.06em; } #app .site-shell-platform .crm-priority-label { font-size:11px; color:var(--workspace-muted); } #app .site-shell-platform .crm-contact-strip { display:flex; flex-wrap:wrap; gap:12px 24px; padding:0 22px 18px; font-size:12px; } #app .site-shell-platform .crm-contact-strip > span { min-width:0; display:grid; gap:3px; overflow-wrap:anywhere; } #app .site-shell-platform .crm-contact-strip a { color:var(--workspace-accent); text-decoration:none; } #app .site-shell-platform .crm-record-header .crm-contact-strip { flex-basis:100%; padding:0; gap:10px 22px; } #app .site-shell-platform .crm-record-tabs { display:flex; gap:0; padding:0 14px; overflow:auto; border-top:1px solid var(--workspace-line); border-bottom:1px solid var(--workspace-line); background:var(--workspace-soft); scrollbar-width:thin; } #app .site-shell-platform .crm-record-tabs button { flex:0 0 auto; width:auto; min-height:44px; padding:10px 12px; border:0; border-bottom:2px solid transparent; background:transparent !important; color:var(--workspace-copy); font:500 12px/1.5 var(--helm-body-font,"Segoe UI",Arial,sans-serif); cursor:pointer; } #app .site-shell-platform .crm-record-tabs button[aria-selected="true"] { color:var(--workspace-accent); border-bottom-color:var(--workspace-accent); } #app .site-shell-platform .crm-record-content { flex:1 1 auto; min-height:0; padding:20px 22px; overflow:auto; scrollbar-width:thin; overscroll-behavior:contain; scroll-padding:20px; } #app .site-shell-platform .crm-record-pane { display:grid; gap:20px; min-width:0; } #app .site-shell-platform .crm-record-pane[hidden] { display:none !important; } #app .site-shell-platform .crm-next-step { padding:14px 16px; border-left:3px solid var(--workspace-accent); background:var(--workspace-soft); border-radius:0 4px 4px 0; } #app .site-shell-platform .crm-next-step h3 { margin:0 0 7px; font-size:14px !important; } #app .site-shell-platform .crm-next-step p { margin:0; font-size:13px; } #app .site-shell-platform .crm-record-actions { display:flex; flex-wrap:wrap; gap:8px; } #app .site-shell-platform .crm-record-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; } #app .site-shell-platform .crm-record-notes { display:grid; gap:10px; } #app .site-shell-platform .crm-record-notes textarea { min-height:94px; } #app .site-shell-platform .crm-record-notes .btn { justify-self:start; } #app .site-shell-platform .crm-section-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; } #app .site-shell-platform .crm-section-heading h3 { margin:0; font-size:14px !important; } #app .site-shell-platform .crm-record-summary { color:var(--workspace-copy); font-size:13px; line-height:1.65; } #app .site-shell-platform .crm-secondary-details { border-top:1px solid var(--workspace-line); padding-top:8px; } #app .site-shell-platform :is(.crm-secondary-details,.lead-buying-evidence-details,.lead-learning-settings,.crm-record-details) > summary { padding:10px 0; min-height:42px; color:var(--workspace-accent); font-size:13px; font-weight:500; cursor:pointer; } #app .site-shell-platform .crm-secondary-content { display:grid; gap:14px; padding:10px 0; } #app .site-shell-platform :is(.crm-buyer-profile,.crm-record-facts) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 22px; margin:0; } #app .site-shell-platform :is(.crm-buyer-profile,.crm-record-facts) div { min-width:0; } #app .site-shell-platform :is(.crm-buyer-profile,.crm-record-facts) dt { margin-bottom:5px; } #app .site-shell-platform :is(.crm-buyer-profile,.crm-record-facts) dd { margin:0; color:var(--workspace-ink); font-size:13px; line-height:1.5; overflow-wrap:anywhere; } #app .site-shell-platform .crm-back-to-leads { display:none !important; } #app .site-shell-platform .lead-intelligence-panel { padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; } #app .site-shell-platform .lead-intelligence-panel > p { margin:14px 0; } #app .site-shell-platform .lead-intelligence-panel ul { padding-left:20px; margin:16px 0; } #app .site-shell-platform .lead-intelligence-panel li { padding:3px 0; font-size:13px; color:var(--workspace-copy); } #app .site-shell-platform .lead-intelligence-panel .checkbox-row { display:flex; align-items:flex-start; gap:10px; font-size:12px; color:var(--workspace-copy); } #app .site-shell-platform .lead-intelligence-panel input[type="checkbox"] { width:19px; height:19px; flex:0 0 19px; } /* Other record modules share the same typography, density, tables and facts. */ #app .site-shell-platform :is(.crm-client-toolbar,.crm-task-toolbar) { display:flex; flex-wrap:wrap; align-items:end; gap:14px; margin-bottom:16px; } #app .site-shell-platform :is(.crm-client-toolbar,.crm-task-toolbar) .input-shell { flex:1 1 220px; max-width:420px; } #app .site-shell-platform .crm-task-toolbar { display:grid; grid-template-columns:minmax(180px,1.2fr) minmax(0,2fr) auto; } #app .site-shell-platform .crm-task-toolbar .filters-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px; width:auto; margin:0; } #app .site-shell-platform .crm-task-toolbar .input-shell { width:auto; max-width:none; } #app .site-shell-platform .listing-filter-panel { display:grid; grid-template-columns:minmax(190px,1fr) minmax(0,2.8fr); align-items:end; gap:16px; } #app .site-shell-platform .listing-filter-panel .filters-grid { display:grid; grid-template-columns:minmax(110px,1fr) minmax(220px,2fr) minmax(110px,.9fr) !important; gap:12px; margin:0; } #app .site-shell-platform .listing-filter-panel .input-shell { width:100% !important; min-width:0 !important; } #app .site-shell-platform .segmented-control { display:flex; flex-wrap:wrap; gap:3px; min-height:38px; padding:3px; border:1px solid var(--workspace-line); border-radius:5px; background:var(--workspace-soft) !important; box-shadow:none; } #app .site-shell-platform .segmented-control button { flex:1 1 auto; min-width:0; min-height:30px; padding:5px 7px; border:1px solid transparent; border-radius:3px; background:transparent !important; color:var(--workspace-copy) !important; box-shadow:none !important; font-size:11px; font-weight:500; line-height:1.4; } #app .site-shell-platform .segmented-control button.is-active { background:var(--workspace-surface) !important; color:var(--workspace-accent) !important; border-color:var(--workspace-control-line); } #app .site-shell-platform .listing-filter-panel .ownership-filter button { flex-basis:calc(50% - 3px); } #app .site-shell-platform .client-list-card { display:grid !important; grid-template-columns:minmax(160px,1.3fr) 1fr .8fr 1fr .7fr .8fr; align-items:center; gap:14px; min-height:68px; margin:0; padding:13px 16px !important; border:0 !important; border-bottom:1px solid var(--workspace-line) !important; border-radius:0 !important; background:var(--workspace-surface) !important; color:var(--workspace-ink) !important; text-align:left; text-decoration:none; box-shadow:none; } #app .site-shell-platform .client-list-card:hover { background:var(--workspace-hover) !important; } #app .site-shell-platform .client-list-card :is(strong,h3) { font-size:13px !important; } #app .site-shell-platform .client-list-card strong { color:var(--workspace-ink) !important; } #app .site-shell-platform .client-list-card :is(small,p) { font-size:11px !important; color:var(--workspace-copy) !important; } #app .site-shell-platform .client-list-card > span:not(.client-list-person) > small { display:none; } #app .site-shell-platform .client-list-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:16px 0; } #app .site-shell-platform .client-list-heading h2 { margin:0; font-size:16px !important; } #app .site-shell-platform .client-list-heading > span { font-size:12px; color:var(--workspace-muted); } #app .site-shell-platform .crm-record-details { padding:12px 0; margin:0; border-top:1px solid var(--workspace-line); } #app .site-shell-platform .crm-related-list { list-style:none; padding:0; margin:0; } #app .site-shell-platform .crm-related-list li { padding:12px 0; border-bottom:1px solid var(--workspace-line); } #app .site-shell-platform .workspace-overview { display:grid; gap:20px; } #app .site-shell-platform .workspace-two-column { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:20px; } #app .site-shell-platform .workspace-panel + .workspace-panel { margin-top:0; } #app .site-shell-platform .workspace-attention-row { padding:13px 0; border-bottom:1px solid var(--workspace-line); } #app .site-shell-platform .workspace-attention-row strong { font-size:13px; } #app .site-shell-platform .workspace-attention-row p { font-size:12px; } #app .site-shell-platform .workspace-chart { max-height:230px; } #app .site-shell-platform .task-list { display:grid; gap:0; } #app .site-shell-platform .task-card { border:0; border-bottom:1px solid var(--workspace-line); border-radius:0; padding:16px !important; background:var(--workspace-surface) !important; color:var(--workspace-ink); box-shadow:none; } #app .site-shell-platform .task-card h3 { font-size:14px !important; } #app .site-shell-platform :is(.data-guardrail-list > span,.status-meta-row,.agent-command-status) { border:1px solid var(--workspace-line) !important; border-radius:5px; background:var(--workspace-soft) !important; color:var(--workspace-ink) !important; box-shadow:none !important; } #app .site-shell-platform :is(.data-guardrail-list,.status-meta-row,.agent-command-status) :is(span,strong,small) { color:inherit !important; } #app .site-shell-platform .document-template-tab { border:1px solid var(--workspace-line) !important; border-radius:5px; background:var(--workspace-surface) !important; color:var(--workspace-ink) !important; box-shadow:none !important; } #app .site-shell-platform .document-template-tab.is-active { background:var(--workspace-hover) !important; border-color:var(--workspace-accent) !important; box-shadow:inset 0 -2px var(--workspace-accent) !important; } #app .site-shell-platform .document-template-tab strong { color:var(--workspace-ink) !important; } #app .site-shell-platform .document-template-tab :is(small,.template-role-count) { color:var(--workspace-copy) !important; } #app .site-shell-platform :is(.notification-channel-pill,.notification-channel-check,.notification-broker-card) { background:var(--workspace-soft) !important; color:var(--workspace-ink) !important; border-color:var(--workspace-line) !important; box-shadow:none !important; } #app .site-shell-platform :is(.notification-channel-pill,.notification-channel-check) :is(small,span) { color:var(--workspace-copy) !important; opacity:1 !important; } #app .site-shell-platform .agent-connector-chip { display:inline-flex; align-items:center; gap:7px; max-width:100%; padding:6px 9px; border:1px solid var(--workspace-line) !important; border-radius:4px; background:var(--workspace-soft) !important; color:var(--workspace-copy) !important; box-shadow:none !important; font-size:11px; } #app .site-shell-platform .agent-connector-chip::before { color:var(--workspace-muted) !important; background:transparent !important; font-size:9px; } #app .site-shell-platform :is(.agent-walkthrough-step,.agent-workflow-card,.agent-permission-row,.empty-inline,.dm-chat-column,.dm-composer,.key-value.compact,.table-shell,.data-table,.broker-hero,.broker-section,.helm-audit-row) { background:var(--workspace-surface) !important; color:var(--workspace-ink) !important; border-color:var(--workspace-line) !important; box-shadow:none !important; } #app .site-shell-platform .dm-thread-item { background:var(--workspace-surface) !important; color:var(--workspace-ink) !important; box-shadow:none !important; } #app .site-shell-platform .dm-thread-item.is-active { background:var(--workspace-hover) !important; border-color:var(--workspace-accent) !important; } #app .site-shell-platform .onboarding-progress__step { background:var(--workspace-soft) !important; color:var(--workspace-copy) !important; box-shadow:none !important; } #app .site-shell-platform .onboarding-progress__step.is-active { background:var(--workspace-hover) !important; color:var(--workspace-accent) !important; } #app .site-shell-platform .onboarding-progress__step > span { color:var(--workspace-ink) !important; background:var(--workspace-surface) !important; border:1px solid var(--workspace-line); } /* Keep a working conversation and its composer within reach. */ #app .site-shell-platform .dm-workspace { display:grid; grid-template-columns:260px minmax(0,1fr); gap:18px; min-width:0; height:calc(100dvh - 210px); min-height:400px; } #app .site-shell-platform :is(.dm-thread-panel,.dm-conversation-panel) { display:flex; flex-direction:column; padding:0 !important; min-width:0; min-height:0; height:100%; overflow:hidden; } #app .site-shell-platform .dm-thread-heading { flex:0 0 auto; display:flex; flex-wrap:wrap; gap:7px; padding:14px 16px; border-bottom:1px solid var(--workspace-line); } #app .site-shell-platform .dm-thread-heading h3 { margin:0; font-size:15px !important; } #app .site-shell-platform .dm-thread-heading span { font-size:11px; color:var(--workspace-copy); } #app .site-shell-platform .dm-thread-list { flex:1 1 auto; min-height:0; display:block; overflow:auto; padding:0; scrollbar-width:thin; } #app .site-shell-platform .dm-thread-item { display:grid; grid-template-columns:28px minmax(0,1fr); align-items:start; gap:8px; min-height:76px; width:100%; margin:0; padding:12px; border:0; border-bottom:1px solid var(--workspace-line); border-radius:0; text-align:left; } #app .site-shell-platform .dm-thread-copy { min-width:0; gap:3px; } #app .site-shell-platform .dm-thread-topline { display:block; } #app .site-shell-platform .dm-thread-topline strong { font-size:12px; } #app .site-shell-platform .dm-thread-topline small { display:none; } #app .site-shell-platform :is(.dm-thread-preview,.dm-thread-listing) { font-size:11px; } #app .site-shell-platform .dm-thread-badges { grid-column:2; display:flex; gap:5px; } #app .site-shell-platform .dm-thread-badges .status-badge { min-height:20px; padding:1px 5px; font-size:9px; } #app .site-shell-platform .dm-avatar { width:28px; height:28px; min-width:28px; font-size:10px; background:var(--workspace-hover) !important; color:var(--workspace-accent) !important; border:1px solid var(--workspace-line); } #app .site-shell-platform .dm-conversation-header { flex:0 0 auto; display:flex; flex-wrap:wrap; gap:10px; padding:14px 16px; border-bottom:1px solid var(--workspace-line); } #app .site-shell-platform .dm-conversation-header h3 { margin:0; font-size:16px !important; } #app .site-shell-platform .dm-header-person > div > span { font-size:11px; color:var(--workspace-copy); } #app .site-shell-platform .dm-header-actions { display:flex; flex-wrap:wrap; gap:7px; } #app .site-shell-platform .dm-header-actions .btn { min-height:32px; padding:5px 9px; font-size:11px; } #app .site-shell-platform .dm-conversation-layout { display:flex; flex-direction:column; flex:1 1 auto; min-height:0; overflow:hidden; gap:0; } #app .site-shell-platform .dm-context-disclosure { order:-1; flex:0 0 auto; max-height:48%; min-height:0; overflow:auto; border-bottom:1px solid var(--workspace-line); background:var(--workspace-soft); } #app .site-shell-platform .dm-context-disclosure > summary { padding:10px 16px; color:var(--workspace-accent); font-size:12px; cursor:pointer; } #app .site-shell-platform .dm-context-disclosure:not([open]) > :not(summary) { display:none !important; } #app .site-shell-platform .dm-context-rail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:12px 16px; overflow:visible; width:auto; border:0; background:var(--workspace-soft) !important; } #app .site-shell-platform .dm-context-card { min-width:0; padding:12px; border:1px solid var(--workspace-line); border-radius:5px; background:var(--workspace-surface) !important; box-shadow:none; } #app .site-shell-platform .dm-context-card h3 { font-size:14px !important; } #app .site-shell-platform .dm-chat-column { display:flex; flex-direction:column; flex:1 1 auto; gap:10px; min-width:0; min-height:0; padding:14px 16px; overflow:hidden; } #app .site-shell-platform .dm-message-stream { display:flex; flex-direction:column; flex:1 1 auto; gap:12px; min-height:60px; overflow:auto; padding:0 4px 8px 0; scrollbar-width:thin; } #app .site-shell-platform .dm-message-row { margin:0; } #app .site-shell-platform .dm-message-bubble { background:var(--workspace-soft) !important; color:var(--workspace-ink) !important; border:1px solid var(--workspace-line); box-shadow:none; } #app .site-shell-platform .dm-composer { display:flex; align-items:end; flex:0 0 auto; gap:10px; margin:0; padding:0; border:0; } #app .site-shell-platform .dm-composer textarea { flex:1; min-height:56px; max-height:120px; resize:vertical; } #app .site-shell-platform .dm-composer #dm-composer-body { min-height:64px; } #app .site-shell-platform .dm-composer-note { flex:0 0 auto; margin:0; font-size:11px; line-height:1.5; } #app .site-shell-platform .platform-sidebar-backdrop { display:none !important; } body:has(.site-shell-platform) :is(.custom-select-popup,.custom-select-menu,.workspace-search-dialog) { color:var(--workspace-ink); background:var(--workspace-surface); border-color:var(--workspace-line); } #app .site-shell-platform :is(.platform-summary-grid,.broker-os-kpi-grid) { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:14px; margin:0 0 20px; } #app .site-shell-platform :is(.client-detail-block,.client-info-tile,.broker-os-field-tile,.detail-summary-card,.broker-os-panel) { color:var(--workspace-ink) !important; background:var(--workspace-surface) !important; border:1px solid var(--workspace-line) !important; box-shadow:none !important; } #app .site-shell-platform :is(.client-detail-block,.client-info-tile,.broker-os-field-tile,.detail-summary-card,.broker-os-panel) :is(strong,.detail-value) { color:var(--workspace-ink) !important; } #app .site-shell-platform :is(.client-detail-block,.client-info-tile,.broker-os-field-tile,.detail-summary-card,.broker-os-panel) :is(p,small) { color:var(--workspace-copy) !important; } #app .site-shell-platform .client-detail-block { min-width:0; padding:18px; border-radius:6px; } #app .site-shell-platform .crm-client-next { padding:14px 16px; border-left:3px solid var(--workspace-accent); background:var(--workspace-soft); } #app .site-shell-platform .crm-client-view { display:grid; gap:20px; } #app .site-shell-platform .crm-client-view > .panel { margin:0; } #app .site-shell-platform .crm-client-next h3 { margin:0 0 6px; font-size:14px !important; } #app .site-shell-platform .crm-client-next p { margin:0; } #app .site-shell-platform .client-list-header { display:grid; grid-template-columns:minmax(160px,1.3fr) 1fr .8fr 1fr .7fr .8fr; gap:14px; padding:11px 16px; background:var(--workspace-soft) !important; color:var(--workspace-muted) !important; border:0; font-size:10px; } #app .site-shell-platform .client-list-header span { color:inherit !important; } #app .site-shell-platform :is(.crm-record-details,.crm-secondary-details,.lead-buying-evidence-details,.lead-learning-settings):not([open]) > :not(summary) { display:none !important; } #app .site-shell-platform .backend-tabs { display:flex; gap:5px; flex-wrap:wrap; padding:0 0 14px; border:0; border-bottom:1px solid var(--workspace-line); margin:0 0 18px; background:transparent !important; } #app .site-shell-platform .backend-tabs button { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:34px; width:auto; padding:7px 10px; border:1px solid transparent; border-radius:4px; background:transparent !important; color:var(--workspace-copy) !important; font-size:12px; line-height:1.4; cursor:pointer; } #app .site-shell-platform .backend-tabs button.is-active { background:var(--workspace-hover) !important; border-color:var(--workspace-control-line); color:var(--workspace-accent) !important; } #app .site-shell-platform .backend-tabs button > span { color:inherit !important; } #app .site-shell-platform .backend-tabs button small { padding:1px 5px; background:var(--workspace-soft); border-radius:3px; color:var(--workspace-copy) !important; font-size:10px; } #app .site-shell-platform .status-badge.success { color:#145a40 !important; background:#e6f5ec !important; border-color:#aacdb9 !important; } #app .site-shell-platform .status-badge.warm { color:#73521c !important; background:#fff4dc !important; border-color:#d7c397 !important; } #app .site-shell-platform .ops-table-row { display:grid; grid-template-columns:minmax(0,2.4fr) minmax(0,1fr) minmax(0,.7fr) minmax(0,.8fr) minmax(0,.8fr); align-items:center; gap:14px; min-height:72px; padding:14px 16px; margin:0; border:0; border-bottom:1px solid var(--workspace-line); border-radius:0; background:var(--workspace-surface) !important; color:var(--workspace-ink) !important; box-shadow:none !important; text-align:left; text-decoration:none; } #app .site-shell-platform .ops-table-row > span { min-width:0; overflow-wrap:anywhere; color:var(--workspace-copy) !important; font-size:12px; } #app .site-shell-platform .ops-table-row strong { color:var(--workspace-ink) !important; font-size:13px; font-weight:600; } #app .site-shell-platform .ops-table-row small { display:block; margin-top:4px; color:var(--workspace-copy) !important; font-size:11px; line-height:1.5; } #app .site-shell-platform .ops-table-head { min-height:38px; padding:10px 16px; background:var(--workspace-soft) !important; } #app .site-shell-platform .ops-table-head > span { font-size:10px; font-weight:600; color:var(--workspace-muted) !important; } #app .site-shell-platform .ops-task-row:hover { background:var(--workspace-hover) !important; } #app .site-shell-platform .workspace-columns { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr); gap:24px; } #app .site-shell-platform :is(.workspace-primary,.workspace-secondary) { display:grid; gap:22px; min-width:0; } #app .site-shell-platform .workspace-secondary { margin:0; padding:0; border:0; } #app .site-shell-platform .workspace-section { min-width:0; margin:0; padding:20px; border:1px solid var(--workspace-line); border-radius:7px; background:var(--workspace-surface); } #app .site-shell-platform .workspace-section-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 16px; } #app .site-shell-platform .workspace-section-header h2 { font-size:16px !important; margin:0; } #app .site-shell-platform .workspace-section-header a { color:var(--workspace-accent); font-size:12px; } #app .site-shell-platform .workspace-queue-row { min-height:64px; padding:12px 0; } #app .site-shell-platform .workspace-queue-row strong { font-size:13px; } #app .site-shell-platform .workspace-queue-row small { font-size:11px; } #app .site-shell-platform .workspace-assistant { padding:20px !important; background:var(--workspace-soft) !important; border:1px solid var(--workspace-line); color:var(--workspace-ink) !important; } #app .site-shell-platform .workspace-assistant :is(p,small,.workspace-assistant-mark) { color:var(--workspace-copy) !important; } #app .site-shell-platform .workspace-assistant h2 { color:var(--workspace-ink) !important; font-size:18px !important; } html[data-theme] body:has(.site-shell-platform) > .custom-select-menu { background:var(--workspace-surface) !important; color:var(--workspace-ink) !important; border:1px solid var(--workspace-control-line) !important; box-shadow:0 8px 24px rgb(0 0 0 / 12%) !important; } html[data-theme] body:has(.site-shell-platform) .custom-select-option { background:transparent !important; color:var(--workspace-ink) !important; } html[data-theme] body:has(.site-shell-platform) .custom-select-option:hover,html[data-theme] body:has(.site-shell-platform) .custom-select-option.is-selected { background:var(--workspace-hover) !important; color:var(--workspace-accent) !important; } html[data-theme] body:has(.site-shell-platform) .custom-select-search { background:var(--workspace-surface) !important; color:var(--workspace-ink) !important; border-color:var(--workspace-control-line) !important; } #app .site-shell-platform :is(.error-banner,.warning-banner,.success-banner) :is(p,strong,span,h2,h3,small) { color:inherit !important; } @media (max-width:1200px) and (min-width:1024px) { #app .site-shell-platform .platform-appbar { grid-template-columns:36px 155px minmax(180px,1fr) auto; gap:12px; } #app .site-shell-platform .platform-main-site-link { display:none; } #app .site-shell-platform .platform-main { padding:0 20px 24px !important; } #app .site-shell-platform .platform-header { padding:20px !important; } #app .site-shell-platform .crm-leads-workspace { grid-template-columns:300px minmax(0,1fr); gap:14px; } } @media (max-width:1023px) { #app .site-shell-platform .topbar-platform .platform-appbar { grid-template-columns:36px minmax(80px,1fr) 40px auto; gap:10px; padding:0 14px; } #app .site-shell-platform .workspace-search-trigger { width:36px; height:36px; min-height:36px; justify-content:center; padding:7px; } #app .site-shell-platform .workspace-search-trigger > span:not(.platform-link-icon),#app .site-shell-platform .workspace-search-trigger kbd { display:none; } #app .site-shell-platform .platform-main-site-link { display:none; } #app .site-shell-platform .platform-shell,#app .site-shell-platform.platform-sidebar-open .platform-shell { display:block !important; } #app .site-shell-platform .platform-sidebar { position:fixed !important; top:64px !important; left:0 !important; bottom:0 !important; height:calc(100dvh - 64px); width:250px !important; z-index:145; box-shadow:5px 0 20px rgb(0 0 0 / 12%); } #app .site-shell-platform .platform-sidebar-backdrop { position:fixed; inset:64px 0 0; border:0; z-index:140; background:rgb(9 24 36 / 45%); } #app .site-shell-platform.platform-sidebar-open .platform-sidebar-backdrop { display:block !important; } #app .site-shell-platform .platform-main { padding:0 20px 24px !important; } #app .site-shell-platform .platform-header { padding:20px !important; } #app .site-shell-platform .client-list-card { grid-template-columns:1.4fr 1fr 1fr; } #app .site-shell-platform .client-list-header { display:none; } #app .site-shell-platform .client-list-card > span:not(.client-list-person) > small { display:block; } #app .site-shell-platform .workspace-columns { grid-template-columns:1fr; } #app .site-shell-platform .workspace-two-column { grid-template-columns:1fr; } #app .site-shell-platform .crm-task-toolbar { grid-template-columns:1fr; } #app .site-shell-platform .listing-filter-panel { grid-template-columns:1fr; } } @media (max-width:760px) { #app .site-shell-platform .brand-text { display:none; } #app .site-shell-platform .brand-logo { width:32px !important; height:32px !important; } #app .site-shell-platform .platform-appbar-actions { gap:8px; } #app .site-shell-platform .platform-header { align-items:flex-start; padding:18px 16px !important; } #app .site-shell-platform .platform-header h1 { font-size:24px !important; } #app .site-shell-platform .platform-header .section-copy { font-size:12px; } #app .site-shell-platform .platform-main { padding:0 16px 24px !important; } #app .site-shell-platform :is(.panel,.workspace-panel) { padding:16px !important; } #app .site-shell-platform .crm-leads-workspace { display:block; } #app .site-shell-platform .crm-lead-worklist,#app .site-shell-platform .crm-lead-record { padding:0 !important; } #app .site-shell-platform :is(.crm-lead-worklist,.crm-lead-record) { max-height:none; min-height:0; } #app .site-shell-platform .crm-record-content { overflow:visible; } #app .site-shell-platform .crm-leads-workspace:not([data-mobile-detail="true"]) .crm-lead-record { display:none !important; } #app .site-shell-platform .crm-leads-workspace[data-mobile-detail="true"] .crm-lead-worklist { display:none !important; } #app .site-shell-platform .crm-back-to-leads { display:inline-flex !important; flex-basis:100%; justify-content:flex-start; margin:0 0 2px; padding:0; min-height:30px; } #app .site-shell-platform .crm-lead-list-scroll { max-height:none; min-height:0; } #app .site-shell-platform .crm-record-header { padding:16px; } #app .site-shell-platform .crm-contact-strip { padding:0 16px 16px; gap:12px; } #app .site-shell-platform .crm-record-content { padding:16px; } #app .site-shell-platform .crm-record-tabs { padding:0 4px; } #app .site-shell-platform .crm-record-tabs button { padding:10px 11px; font-size:11px; } #app .site-shell-platform .crm-record-fields,#app .site-shell-platform .form-grid { grid-template-columns:minmax(0,1fr); } #app .site-shell-platform :is(.metric-grid,.stats-grid,.workspace-metrics) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } #app .site-shell-platform :is(.detail-grid,.lead-detail-grid,.broker-os-fields) { grid-template-columns:repeat(2,minmax(0,1fr)); } #app .site-shell-platform .client-list-card { grid-template-columns:minmax(0,1fr) auto; gap:8px 14px; } #app .site-shell-platform .client-list-card > * { min-width:0; } #app .site-shell-platform .crm-record-facts { grid-template-columns:1fr; } #app .site-shell-platform .ops-task-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; } #app .site-shell-platform .ops-task-row > span:first-child { grid-column:1/-1; } #app .site-shell-platform .ops-task-row > span::before { display:block; margin-bottom:4px; content:attr(data-label); color:var(--workspace-muted); font-size:10px; font-weight:500; } #app .site-shell-platform .ops-task-row > span:first-child::before { display:none; } #app .site-shell-platform .ops-table-head { display:none; } #app .site-shell-platform .crm-task-toolbar .filters-grid { grid-template-columns:1fr !important; } #app .site-shell-platform .listing-filter-panel .filters-grid { grid-template-columns:1fr !important; } #app .site-shell-platform .dm-workspace { height:auto; grid-template-columns:1fr; } #app .site-shell-platform :is(.dm-thread-panel,.dm-conversation-panel) { padding:0 !important; } #app .site-shell-platform .dm-thread-panel { max-height:270px; } #app .site-shell-platform .dm-conversation-panel { height:600px; } #app .site-shell-platform .dm-context-rail { grid-template-columns:1fr; } #app .site-shell-platform .dm-composer { flex-direction:column; align-items:stretch; } #app .site-shell-platform .dm-send-button { align-self:flex-end; } #app .site-shell-platform :is(.workspace-mobile-menu,.platform-notification-link) { min-width:40px; min-height:40px; } } @media (prefers-reduced-motion:reduce) { #app .site-shell-platform *,#app .site-shell-platform *::before,#app .site-shell-platform *::after { transition:none !important; animation:none !important; scroll-behavior:auto !important; } } @media (max-height:550px) { #app .site-shell-platform .platform-session-card { display:none; } #app .site-shell-platform .platform-brand { min-height:44px; padding:8px 14px; } #app .site-shell-platform :is(.crm-lead-worklist,.crm-lead-record) { max-height:none; min-height:0; } #app .site-shell-platform .crm-record-content { overflow:visible; } #app .site-shell-platform .dm-workspace { height:auto; } #app .site-shell-platform :is(.dm-thread-panel,.dm-conversation-panel) { max-height:none; min-height:360px; } } /* Secondary modules retain these paired desk colors under public dark preferences. */ #app .site-shell-platform :is(.text-link,.document-search-help a,.signature-envelope-links a) { color:var(--workspace-accent) !important; } #app .site-shell-platform :is(.text-link,.document-search-help a,.signature-envelope-links a):is(:hover,:focus-visible) { color:var(--workspace-ink) !important; text-decoration:underline; text-underline-offset:3px; } #app .site-shell-platform .text-link.danger-link { color:#9e2e36 !important; } #app .site-shell-platform .text-link.danger-link:is(:hover,:focus-visible) { color:#7c2028 !important; } #app .site-shell-platform .workspace-vessel div > span:not(.status-badge) { color:var(--workspace-gold) !important; } #app .site-shell-platform .workspace-status-row > span { color:var(--workspace-copy) !important; } #app .site-shell-platform :is(.activity-timeline-meta,.activity-meta,.activity-timeline-meta span,.activity-meta span) { color:var(--workspace-muted) !important; } #app .site-shell-platform :is(.permission-chip,.notification-event-meta > span) { color:var(--workspace-copy) !important; background:var(--workspace-soft) !important; border-color:var(--workspace-line) !important; } #app .site-shell-platform .ops-tab-strip { background:transparent !important; } #app .site-shell-platform .ops-tab-strip > span { color:var(--workspace-copy) !important; background:var(--workspace-soft) !important; border-color:var(--workspace-line) !important; } #app .site-shell-platform .ops-tab-strip > span.is-active { color:#fff !important; background:var(--workspace-nav) !important; border-color:var(--workspace-nav) !important; } #app .site-shell-platform :is(.document-template-icon,.template-field-group legend > span,.signature-control-list li > span,.platform-main .eyebrow) { color:var(--workspace-gold) !important; } #app .site-shell-platform .document-template-icon { background:#f7f1e6 !important; border-color:#d7c397 !important; } #app .site-shell-platform .post-sale-filter-tabs { background:var(--workspace-soft) !important; border-color:var(--workspace-line) !important; } #app .site-shell-platform .post-sale-filter-tab { color:var(--workspace-copy) !important; background:var(--workspace-surface) !important; border-color:var(--workspace-line) !important; } #app .site-shell-platform .post-sale-filter-tab:hover { color:var(--workspace-ink) !important; background:var(--workspace-hover) !important; } #app .site-shell-platform .post-sale-filter-tab.is-active { color:#fff !important; background:var(--workspace-nav) !important; border-color:var(--workspace-nav) !important; } #app .site-shell-platform .post-sale-plan-vessel { color:var(--workspace-gold) !important; } #app .site-shell-platform :is(.post-sale-plan-meta > span,.post-sale-plan-footer,.post-sale-plan-footer > span,.post-sale-list-header > span) { color:var(--workspace-copy) !important; } #app .site-shell-platform .post-sale-plan-blocker { color:#6d5018 !important; background:#fff7e5 !important; border-color:#dcc89a !important; } #app .site-shell-platform :is(.checkbox-card-grid legend,.template-field-group legend) { color:var(--workspace-ink) !important; } #app .site-shell-platform :is(.panel-actions .helper-text,.browse-summary-stats span) { color:var(--workspace-muted) !important; } @media print { body:has(.site-shell-platform) { overflow:visible !important; background:#fff !important; color:#172b3e !important; } #app .site-shell-platform { height:auto !important; overflow:visible !important; color:#172b3e !important; background:#fff !important; --workspace-ink:#172b3e; --workspace-copy:#33495b; --workspace-muted:#465c70; --workspace-surface:#fff; --workspace-soft:#f5f7f9; --workspace-line:#c8d3de; } #app .site-shell-platform :is(.page-shell-platform,.section-platform,.platform-container,.platform-shell,.platform-main-shell,.platform-main-scroll,.platform-main) { display:block !important; height:auto !important; max-height:none !important; min-height:0 !important; width:100% !important; overflow:visible !important; margin:0 !important; padding:0 !important; } #app .site-shell-platform :is(.topbar-platform,.platform-sidebar,.platform-sidebar-rail,.platform-sidebar-backdrop,.platform-header-actions) { display:none !important; } #app .site-shell-platform :is(h1,h2,h3,h4,p,span,strong,small,td,th,dt,dd) { color:#172b3e !important; text-shadow:none !important; } #app .site-shell-platform :is(.panel,.metric-card,.stack-item,.client-detail-block) { background:#fff !important; box-shadow:none !important; break-inside:avoid; } } /* The vault keeps files and their source passages readable at every workspace width. */ #app .site-shell-platform .document-search-panel { display:grid; gap:14px; margin-bottom:18px; } #app .site-shell-platform .document-search-panel h3 { margin:0 0 5px; font-size:18px; } #app .site-shell-platform .document-search-panel p { margin:0; } #app .site-shell-platform .document-search-form { display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; } #app .site-shell-platform .document-search-form .input-shell { flex:1 1 260px; min-width:0; } #app .site-shell-platform .document-search-form input { width:100%; min-width:0; } #app .site-shell-platform .document-search-help { color:var(--workspace-muted); font-size:12px; line-height:1.6; } #app .site-shell-platform .document-search-feedback:empty { display:none; } #app .site-shell-platform .document-search-error { color:var(--workspace-ink); padding:10px 12px; border-left:3px solid #a77725; background:var(--workspace-soft); } #app .site-shell-platform .document-search-results { display:grid; gap:10px; } #app .site-shell-platform .assistant-document-sources { display:grid; gap:10px; } #app .site-shell-platform .assistant-document-sources h4 { margin:0; font-size:14px; } #app .site-shell-platform .document-search-result { min-width:0; padding:14px; border:1px solid var(--workspace-line); border-radius:8px; background:var(--workspace-soft); } #app .site-shell-platform .document-search-result a { display:block; width:fit-content; color:var(--workspace-ink); font-weight:650; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; } #app .site-shell-platform .document-search-result small { display:block; margin:5px 0 9px; color:var(--workspace-muted); overflow-wrap:anywhere; } #app .site-shell-platform .document-search-result p { color:var(--workspace-copy); line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; } #app .site-shell-platform .document-index-label { color:var(--workspace-muted); font-size:11px; } #app .site-shell-platform .vault-document-list { max-height:430px; overflow:auto; padding:2px; align-content:start; grid-auto-rows:max-content; } #app .site-shell-platform .vault-document-item { height:auto; min-height:78px; padding:14px; gap:6px; text-align:left; } #app .site-shell-platform .document-index-section { display:grid; align-content:start; justify-items:start; gap:8px; } #app .site-shell-platform .document-index-section > * { margin:0; } #app .site-shell-platform .document-index-section p { color:var(--workspace-copy); line-height:1.6; } #app .site-shell-platform .document-index-section small { color:var(--workspace-muted); } #app .site-shell-platform .document-search-form :is(input,button):focus-visible { outline:2px solid var(--workspace-ink); outline-offset:3px; } @media (min-width:1100px) { #app .site-shell-platform .document-vault-top-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media (max-width:760px) { #app .site-shell-platform .document-search-form { align-items:stretch; } #app .site-shell-platform .document-search-form .input-shell { flex-basis:100%; } #app .site-shell-platform .document-search-form .btn { flex:1; } #app .site-shell-platform .document-detail-layout { grid-template-columns:minmax(0,1fr) !important; } } /* Inventory renders a small page while all records remain searchable. */ #app .site-shell-platform :is(.broker-listing-pager,.workspace-record-pager) { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:16px 0; } #app .site-shell-platform :is(.broker-listing-pager,.workspace-record-pager) p { margin:0; color:var(--workspace-muted); font-size:13px; line-height:1.6; } #app .site-shell-platform :is(.broker-listing-pager,.workspace-record-pager) p strong { color:var(--workspace-ink); } #app .site-shell-platform :is(.broker-listing-pager,.workspace-record-pager) p:focus-visible { outline:2px solid var(--workspace-ink); outline-offset:4px; border-radius:3px; } #app .site-shell-platform :is(.broker-listing-page-controls,.workspace-record-page-controls) { display:flex; align-items:center; gap:10px; } #app .site-shell-platform :is(.broker-listing-page-controls,.workspace-record-page-controls) > span { color:var(--workspace-muted); font-size:13px; white-space:nowrap; } #app .site-shell-platform :is(.broker-listing-page-controls,.workspace-record-page-controls) .btn { min-height:36px; padding:7px 13px; } @media (max-width:640px) { #app .site-shell-platform :is(.broker-listing-pager,.workspace-record-pager) { flex-direction:column; align-items:stretch; } #app .site-shell-platform :is(.broker-listing-pager,.workspace-record-pager) p { text-align:center; } #app .site-shell-platform :is(.broker-listing-page-controls,.workspace-record-page-controls) { justify-content:space-between; } #app .site-shell-platform :is(.broker-listing-page-controls,.workspace-record-page-controls) .btn { flex:1; } } /* The private assistant is mounted outside #app so navigation cannot replace a conversation or its working draft. Every foreground/background is paired. */ #workspace-assistant-root { font:14px/1.5 var(--helm-body-font,system-ui,-apple-system,"Segoe UI",sans-serif); color:#172b3e; } #workspace-assistant-root *, #workspace-assistant-root *::before, #workspace-assistant-root *::after { box-sizing:border-box; } #workspace-assistant-root[hidden], #workspace-assistant-root [hidden] { display:none !important; } #workspace-assistant-root :is(button,a,textarea) { font:inherit; letter-spacing:normal; } #workspace-assistant-root button { cursor:pointer; text-transform:none; box-shadow:none; transform:none; } #workspace-assistant-root button:disabled { cursor:default; opacity:.6; } #workspace-assistant-root :is(button,a,textarea):focus-visible { outline:3px solid #3182a6; outline-offset:3px; } #workspace-assistant-root svg { width:22px; height:22px; flex-shrink:0; } #workspace-assistant-root .helm-chat-launcher { position:fixed; right:24px; bottom:22px; z-index:620; display:flex; align-items:center; gap:10px; min-height:48px; padding:12px 18px; border:1px solid #153c54; border-radius:28px; background:#153c54; color:#fff; font-weight:650; box-shadow:0 4px 16px rgb(15 38 55 / 16%); transition:background-color .15s ease,box-shadow .15s ease; } #workspace-assistant-root .helm-chat-launcher:hover { background:#1e536e; box-shadow:0 5px 18px rgb(15 38 55 / 22%); } #workspace-assistant-root .helm-chat-panel { position:fixed; right:24px; bottom:82px; z-index:630; width:430px; max-width:calc(100vw - 32px); height:min(680px,calc(100dvh - 108px)); display:flex; flex-direction:column; overflow:hidden; border:1px solid #c9d6df; border-radius:14px; background:#fff; color:#172b3e; box-shadow:0 12px 42px rgb(15 38 55 / 20%); } #workspace-assistant-root .helm-chat-header { display:flex; flex-shrink:0; justify-content:space-between; align-items:center; gap:12px; padding:18px 20px 13px; background:#fff; } #workspace-assistant-root .helm-chat-eyebrow { display:block; color:#617485; font-size:10px; font-weight:700; letter-spacing:.11em; } #workspace-assistant-root .helm-chat-header h2 { margin:3px 0 0; color:#172b3e; font:600 19px/1.3 var(--helm-body-font,system-ui,sans-serif); letter-spacing:-.02em; } #workspace-assistant-root .helm-chat-close { flex-shrink:0; width:36px; height:36px; padding:0; border:1px solid #d8e0e6; border-radius:8px; background:#f6f8fa; color:#304a60; font-size:25px; font-weight:400; line-height:1; } #workspace-assistant-root .helm-chat-close:hover { background:#eaf0f5; } #workspace-assistant-root .helm-chat-privacy { flex-shrink:0; margin:0; padding:0 20px 13px; border-bottom:1px solid #e2e8ed; color:#52697b; font-size:11px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } #workspace-assistant-root .helm-chat-body { display:flex; flex:1; flex-direction:column; min-height:0; overflow:hidden; background:#fff; } #workspace-assistant-root .helm-chat-empty { padding:25px 20px 12px; overflow-y:auto; } #workspace-assistant-root .helm-chat-empty h3 { margin:0 0 8px; font:600 22px/1.3 var(--helm-body-font,system-ui,sans-serif); color:#172b3e; letter-spacing:-.02em; } #workspace-assistant-root .helm-chat-empty p { margin:0 0 20px; max-width:34ch; color:#52697b; line-height:1.6; } #workspace-assistant-root .helm-chat-empty > div { display:grid; grid-template-columns:1fr 1fr; gap:9px; } #workspace-assistant-root .helm-chat-empty button { display:flex; align-items:center; justify-content:space-between; gap:5px; min-height:46px; padding:10px 12px; border:1px solid #d8e2e9; border-radius:8px; background:#f7f9fb; color:#254b65; text-align:left; font-size:12px; font-weight:550; } #workspace-assistant-root .helm-chat-empty button:hover { background:#edf3f7; border-color:#9fb6c7; } #workspace-assistant-root .helm-chat-transcript { flex:1; min-height:0; overflow-y:auto; padding:18px 20px 8px; overscroll-behavior:contain; scrollbar-gutter:stable; } #workspace-assistant-root .helm-chat-turn { margin:0 0 20px; } #workspace-assistant-root .helm-chat-turn-user { width:fit-content; max-width:95%; margin-left:auto; padding:12px 14px; border-radius:11px 11px 3px 11px; background:#edf3f7; color:#183b53; } #workspace-assistant-root .helm-chat-turn-assistant { padding:0; color:#263f53; } #workspace-assistant-root .helm-chat-speaker { display:block; margin:0 0 5px; color:#536d7e; font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; } #workspace-assistant-root .helm-chat-turn p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; color:inherit; } #workspace-assistant-root .helm-chat-turn small { display:block; margin-top:8px; color:#785325; font-size:11px; } #workspace-assistant-root :is(.helm-chat-sources,.helm-chat-suggestions) { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; } #workspace-assistant-root :is(.helm-chat-sources,.helm-chat-suggestions) a { display:inline-flex; align-items:center; gap:4px; min-height:32px; max-width:100%; padding:6px 9px; border:1px solid #ccdbe5; border-radius:6px; background:#f7fafc; color:#205777; font-size:12px; font-weight:550; line-height:1.4; text-decoration:none; overflow-wrap:anywhere; } #workspace-assistant-root :is(.helm-chat-sources,.helm-chat-suggestions) a:hover { border-color:#7d9fb5; background:#eaf2f7; } #workspace-assistant-root .helm-chat-error { flex-shrink:0; max-height:130px; overflow:auto; margin:0 16px 10px; padding:11px 12px; border:1px solid #d8b98e; border-radius:7px; background:#fff9ed; color:#654d27; } #workspace-assistant-root .helm-chat-error p { margin:0 0 6px; font-size:12px; line-height:1.5; color:#654d27; } #workspace-assistant-root .helm-chat-error :is(a,button) { padding:0; border:0; background:transparent; color:#174f70; font-size:12px; font-weight:650; text-decoration:underline; } #workspace-assistant-root .helm-chat-composer { flex-shrink:0; margin:0; padding:13px 16px 12px; border-top:1px solid #e2e8ed; background:#f9fbfc; } #workspace-assistant-root .helm-chat-composer label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } #workspace-assistant-root .helm-chat-composer textarea { display:block; width:100%; min-height:76px; max-height:150px; resize:vertical; margin:0; padding:11px 12px; border:1px solid #a8bac8; border-radius:8px; background:#fff; color:#203e54; font-size:14px; line-height:1.5; box-shadow:none; } #workspace-assistant-root .helm-chat-composer textarea::placeholder { color:#536d7e; opacity:1; } #workspace-assistant-root .helm-chat-composer > div { display:flex; justify-content:space-between; align-items:center; margin:9px 0; } #workspace-assistant-root .helm-chat-new { padding:6px 0; border:0; background:transparent; color:#52697b; font-size:12px; } #workspace-assistant-root .helm-chat-new:hover { color:#173b53; text-decoration:underline; } #workspace-assistant-root .helm-chat-send { min-width:76px; min-height:36px; padding:7px 14px; border:1px solid #1b5677; border-radius:6px; background:#1b5677; color:#fff; font-weight:600; } #workspace-assistant-root .helm-chat-send:hover:not(:disabled) { background:#153f59; } #workspace-assistant-root .helm-chat-composer > small { display:block; color:#617688; font-size:10px; line-height:1.5; } /* This persistent widget has its own white canvas outside the themed app shell. */ #workspace-assistant-root .helm-chat-header h2,#workspace-assistant-root .helm-chat-empty h3 { color:#172b3e !important; } #workspace-assistant-root .helm-chat-privacy,#workspace-assistant-root .helm-chat-empty p,#workspace-assistant-root .helm-chat-composer > small { color:#52697b !important; } #workspace-assistant-root .helm-chat-turn p { color:inherit !important; } #workspace-assistant-root .helm-chat-error p { color:#654d27 !important; } #app .site-shell-platform .workspace-assistant-shortcuts { display:flex; flex-wrap:wrap; gap:6px 12px; margin:14px 0; } #app .site-shell-platform .workspace-assistant-shortcuts button { padding:0; border:0; background:transparent; color:var(--workspace-accent); font-size:12px; font-weight:550; box-shadow:none; text-decoration:underline; text-underline-offset:3px; } #app .site-shell-platform .workspace-assistant > .btn { width:100%; justify-content:center; } @media (max-width:600px) { #workspace-assistant-root .helm-chat-launcher { right:16px; bottom:calc(16px + env(safe-area-inset-bottom)); min-height:46px; padding:11px 15px; } #workspace-assistant-root.is-open .helm-chat-launcher { display:none; } #workspace-assistant-root .helm-chat-panel { inset:10px 8px calc(10px + env(safe-area-inset-bottom)); width:auto; max-width:none; height:auto; max-height:none; border-radius:12px; } #workspace-assistant-root .helm-chat-composer textarea { font-size:16px; } #workspace-assistant-root .helm-chat-header { padding:16px 17px 11px; } #workspace-assistant-root .helm-chat-privacy { padding:0 17px 12px; } #workspace-assistant-root .helm-chat-transcript { padding:17px 17px 8px; } } @media (prefers-reduced-motion:reduce) { #workspace-assistant-root * { transition:none !important; animation:none !important; scroll-behavior:auto !important; } } /* Compact connected-app directory. Scoped to the current shell, including dark mode. */ #app .site-shell-platform .integration-directory { padding:0 !important; overflow:visible; } #app .site-shell-platform .integration-directory-header { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; padding:1.5rem; border-bottom:1px solid var(--workspace-line); } #app .site-shell-platform .integration-directory-header > div { min-width:0; } #app .site-shell-platform .integration-directory-header h2 { margin:0 0 .35rem; font-size:1.2rem; } #app .site-shell-platform .integration-directory-header p { margin:0; max-width:65ch; color:var(--workspace-copy); } #app .site-shell-platform .integration-directory-header > span { font-size:.85rem; color:var(--workspace-copy); } #app .site-shell-platform .integration-directory-controls { display:flex; flex-wrap:wrap; align-items:end; gap:1rem; padding:1.1rem 1.5rem; } #app .site-shell-platform .integration-directory-controls label { display:grid; gap:.35rem; flex:1 1 200px; min-width:0; font-size:.8rem; color:var(--workspace-copy); } #app .site-shell-platform .integration-directory-controls .segmented-control { flex:1 1 100%; min-width:0; } #app .site-shell-platform .integration-directory-controls input,#app .site-shell-platform .integration-directory-controls select { min-height:42px; width:100%; min-width:0; padding:.55rem .7rem; border:1px solid var(--workspace-control-line); background:var(--workspace-surface); color:var(--workspace-ink); border-radius:5px; } #app .site-shell-platform .integration-directory-controls [aria-pressed="true"] { background:var(--workspace-hover) !important; color:var(--workspace-accent) !important; border-color:var(--workspace-control-line) !important; } #app .site-shell-platform .integration-ownership-note { margin:.2rem 1.5rem 1rem; padding:.8rem 1rem; background:var(--workspace-soft); border:1px solid var(--workspace-line); color:var(--workspace-copy); border-radius:5px; } #app .site-shell-platform .integration-app-row { min-width:0; padding:1.2rem 1.5rem; border-top:1px solid var(--workspace-line); background:var(--workspace-surface); } #app .site-shell-platform .integration-app-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start; gap:1rem; } #app .site-shell-platform .integration-app-heading > div { min-width:0; flex:1 1 240px; } #app .site-shell-platform .integration-app-heading :is(h2,h3) { margin:0 0 .35rem; font-size:1rem !important; font-weight:650; color:var(--workspace-ink); } #app .site-shell-platform .integration-app-heading p { margin:0; color:var(--workspace-copy); font-size:.9rem; line-height:1.5; } #app .site-shell-platform .integration-app-state { align-self:start; max-width:100%; padding:.3rem .65rem; background:var(--workspace-soft); color:var(--workspace-copy); border:1px solid var(--workspace-line); border-radius:4px; font-size:.75rem; font-weight:600; overflow-wrap:anywhere; } #app .site-shell-platform .integration-app-state.is-connected { background:#e5f4ed; color:#225b43; border-color:#bad8c5; } #app .site-shell-platform .integration-app-account { margin:.7rem 0 0; font-size:.85rem; color:var(--workspace-copy); overflow-wrap:anywhere; } #app .site-shell-platform .integration-app-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.55rem; margin-top:1rem; } #app .site-shell-platform .integration-app-actions > .btn { min-height:40px; padding:.5rem .8rem; font-size:.8rem; } #app .site-shell-platform .integration-app-details { flex:1 0 100%; min-width:0; margin-top:.35rem; color:var(--workspace-copy); } #app .site-shell-platform .integration-app-details summary { cursor:pointer; font-size:.85rem; width:fit-content; max-width:100%; padding:.6rem 0; } #app .site-shell-platform .integration-app-details > div { max-width:75ch; padding:.6rem 0; font-size:.85rem; line-height:1.6; color:var(--workspace-copy); } #app .site-shell-platform .integration-app-details p { margin:0 0 .7rem; } #app .site-shell-platform .integration-app-details a { color:var(--workspace-accent); } #app .site-shell-platform .integration-no-results { padding:1.5rem; color:var(--workspace-copy); } #app .site-shell-platform .integration-lead-bridge > summary { cursor:pointer; font-weight:650; color:var(--workspace-ink); } #app .site-shell-platform .integration-lead-bridge-content { padding-top:1rem; } #app .site-shell-platform .integration-lead-bridge-form { display:grid; gap:.9rem; max-width:42rem; margin-block:1.2rem; } #app .site-shell-platform .integration-lead-bridge-form label { display:grid; gap:.4rem; color:var(--workspace-copy); } #app .site-shell-platform .integration-lead-bridge-form .integration-bridge-consent { display:flex; align-items:start; gap:.65rem; } #app .site-shell-platform .integration-bridge-consent input { width:1.1rem; height:1.1rem; flex:none; } #app .site-shell-platform .integration-bridge-url { overflow-wrap:anywhere; font-size:.85rem; color:var(--workspace-copy); } #app .site-shell-platform .integration-bridge-secret { width:min(37rem,calc(100vw - 2rem)); max-height:calc(100dvh - 2rem); overflow:auto; padding:1.5rem; border:1px solid var(--workspace-line); border-radius:6px; background:var(--workspace-surface); color:var(--workspace-ink); } #app .site-shell-platform .integration-bridge-secret::backdrop { background:rgb(10 30 45 / 45%); } #app .site-shell-platform .integration-bridge-secret label { display:grid; gap:.4rem; margin-block:1rem; } @media(max-width:640px) { #app .site-shell-platform .integration-directory-header,#app .site-shell-platform .integration-app-heading { flex-direction:column; gap:.65rem; } #app .site-shell-platform .integration-app-heading > div { flex-basis:auto; } #app .site-shell-platform :is(.integration-directory-controls,.integration-app-row,.integration-directory-header) { padding:1rem; } #app .site-shell-platform .integration-directory-controls label { flex-basis:100%; width:100%; } #app .site-shell-platform .integration-ownership-note { margin-inline:1rem; } } /* Listing-writing suggestions are reviewed separately from the editable form. */ #app .listing-writing-review .output-card { padding:18px; border:1px solid #d8e2e9; border-radius:6px; background:#f8fafb; box-shadow:none; } #app .listing-writing-review .output-card > span { color:#685124 !important; font-size:11px; font-weight:650; letter-spacing:.05em; } #app .listing-writing-review .output-card :is(p,li) { color:#345469 !important; font-size:14px; line-height:1.75; overflow-wrap:anywhere; white-space:pre-wrap; } #app .listing-writing-review > .form-note,#app #listing-writing-feedback { color:#496477; font-size:13px; line-height:1.7; } #app .listing-writing-review .listing-builder-actions { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 22px; } /* Keep long records within the workspace; tables scroll inside their own frame. */ #app .site-shell-platform :is(.platform-header > div,.platform-header-actions,.workspace-section-header > div,.crm-section-heading > div,.panel-header > div,.integration-app-list) { min-width:0; max-width:100%; } #app .site-shell-platform :is(.platform-header,.workspace-section-header,.crm-section-heading,.client-list-heading) { overflow-wrap:anywhere; } #app .site-shell-platform .workspace-section-header { flex-wrap:wrap; } #app .site-shell-platform .brokerage-editor-note { color:var(--workspace-muted); } /* The publishing editor and live preview deliberately retain white surfaces. Pair their text locally rather than inheriting the dark workspace palette. */ #app .site-shell-platform .brokerage-management .workspace-section { color:#172b3e; background:#fff !important; color-scheme:light; } #app .site-shell-platform .brokerage-management .workspace-section :is(p,small,.brokerage-editor-note) { color:#465c70 !important; } #app .site-shell-platform .brokerage-management .workspace-section :is(h2,h3,h4) { color:#172b3e !important; } #app .site-shell-platform .brokerage-site-preview { color:#17394e; background:#fff !important; color-scheme:light; } #app .site-shell-platform .brokerage-site-preview :is(h3,strong) { color:#17394e !important; } #app .site-shell-platform .brokerage-site-preview p { color:#465c70 !important; } #app .site-shell-platform :is(.brokerage-editor-feedback,.brokerage-editor-notice) { color:#29536d !important; background:#edf5fa !important; } #app .site-shell-platform .brokerage-editor-error { color:#654d27 !important; background:#fff9ed !important; } #app .site-shell-platform .brokerage-editor-error p { color:inherit !important; } #app .site-shell-platform :is(.table-shell,.table-wrap,.broker-table-wrap,.data-table-wrap) { min-width:0; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; } #app .site-shell-platform :is(.table-actions,.status-meta-row,.agent-command-status) { flex-wrap:wrap; } #app .site-shell-platform :is(.broker-listing-page-controls,.workspace-record-page-controls) { min-width:0; max-width:100%; } #app .site-shell-platform :is(code,pre) { max-width:100%; overflow-wrap:anywhere; } #app .site-shell-platform pre { overflow:auto; } @media (max-width:760px), (pointer:coarse) { #app .site-shell-platform :is(.btn,.platform-link,.platform-group-summary,.platform-sidebar-collapse,.workspace-mobile-menu,.platform-notification-link,.nav-profile-button--platform,.backend-tabs button,.crm-lead-views button,.segmented-control button,.crm-back-to-leads,.platform-session-actions a) { min-height:44px; } #app .site-shell-platform :is(.workspace-mobile-menu,.platform-notification-link,.nav-profile-button--platform,.platform-sidebar-collapse) { min-width:44px; } #app .site-shell-platform :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.custom-select-trigger) { min-height:44px; font-size:16px; } #workspace-assistant-root :is(.helm-chat-close,.helm-chat-new,.helm-chat-send,.helm-chat-sources a,.helm-chat-suggestions a) { min-height:44px; } #workspace-assistant-root .helm-chat-close { width:44px; height:44px; } } @media (max-width:760px) { #app .site-shell-platform .topbar-platform .platform-appbar { grid-template-columns:44px minmax(32px,1fr) 44px auto; gap:8px; padding-inline:12px; } #app .site-shell-platform .workspace-search-trigger { width:44px; height:44px; min-height:44px; } #app .site-shell-platform .platform-header .section-copy { font-size:14px; } #app .site-shell-platform .integration-app-actions > .btn { flex:1 1 125px; } #app .site-shell-platform .platform-sidebar { max-width:calc(100vw - 40px); } } @media (max-width:480px) { #app .site-shell-platform .platform-header-actions { width:100% !important; } #app .site-shell-platform .platform-header-actions .btn { flex:1 1 120px; } #app .site-shell-platform :is(.detail-grid,.lead-detail-grid,.broker-os-fields) { grid-template-columns:minmax(0,1fr); } #app .site-shell-platform :is(.broker-listing-page-controls,.workspace-record-page-controls) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #app .site-shell-platform :is(.broker-listing-page-controls,.workspace-record-page-controls) > span { grid-column:1/-1; grid-row:2; text-align:center; white-space:normal; } #app .site-shell-platform :is(.broker-listing-page-controls,.workspace-record-page-controls) > .btn:first-child { grid-column:1; grid-row:1; } #app .site-shell-platform :is(.broker-listing-page-controls,.workspace-record-page-controls) > .btn:last-child { grid-column:2; grid-row:1; } } @media (max-height:550px) { #workspace-assistant-root .helm-chat-panel { top:8px; bottom:8px; height:auto; max-height:none; } #workspace-assistant-root .helm-chat-empty { padding-block:14px; } }