/* HELM workspace: one final, explicitly paired visual system for the broker app. */
body:has(.site-shell-platform), .workspace-search-dialog {
  --workspace-bg:#f4f6f8; --workspace-surface:#fff; --workspace-soft:#f7f9fb;
  --workspace-ink:#172b3e; --workspace-copy:#465c70; --workspace-muted:#536779;
  --workspace-line:#dce3ea; --workspace-control-line:#8597a8; --workspace-accent:#1b5677;
  --workspace-hover:#eaf2f8; --workspace-gold:#9a763f; --workspace-shadow:none;
  --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);
}
html[data-theme="dark"] body:has(.site-shell-platform), html[data-theme="dark"] .workspace-search-dialog {
  --workspace-bg:#121c26; --workspace-surface:#1b2a38; --workspace-soft:#223443;
  --workspace-ink:#eef3f7; --workspace-copy:#c1ccd7; --workspace-muted:#b0bfcd;
  --workspace-line:#3a4d5e; --workspace-control-line:#8095a7; --workspace-accent:#a3d5f7;
  --workspace-hover:#294459; --workspace-gold:#e1c48f;
}
body:has(.site-shell-platform) { overflow:hidden; background:var(--workspace-bg); }
#app .site-shell-platform { color:var(--workspace-ink); font:400 14px/1.5 "Inter","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 .topbar-platform { position:fixed !important; inset:0 0 auto; height:64px; min-height:64px; z-index:150; border:0; border-bottom:1px solid #354f63; background:#153349 !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:#d1dce4 !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:#25475f; 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-line); background:var(--workspace-surface) !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-line); background:var(--workspace-surface) !important; color:var(--workspace-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-muted); }
#app .site-shell-platform .platform-brand small { font-size:12px; font-weight:600; color:var(--workspace-ink); 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:0; background:var(--workspace-soft) !important; color:var(--workspace-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-surface) !important; scrollbar-width:thin; scrollbar-color:var(--workspace-control-line) transparent; }
#app .site-shell-platform .platform-nav { display:block; margin:0; padding:0; }
#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-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-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-accent) !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-copy) !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 .platform-link:hover { color:var(--workspace-ink) !important; background:var(--workspace-soft) !important; }
#app .site-shell-platform .platform-link.is-active { background:var(--workspace-hover) !important; color:var(--workspace-accent) !important; box-shadow:inset 3px 0 var(--workspace-accent) !important; font-weight:600; }
#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-muted) !important; background:var(--workspace-soft) !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-line); border-radius:0; color:var(--workspace-ink) !important; background:var(--workspace-surface) !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; }
#app .site-shell-platform .platform-session-card p { margin:0; font-size:11px; line-height:1.4; color:var(--workspace-muted) !important; }
#app .site-shell-platform .platform-mode-indicator { display:flex; align-items:center; gap:6px; margin:0; font-size:10px; min-height:0; }
#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 { min-height:26px; width:auto; color:var(--workspace-accent) !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-muted) !important; }
#app .site-shell-platform .platform-header h1 { font:600 27px/1.25 "Inter","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:"Inter","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; }
#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 "Inter","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:#1e5878 !important; border-color:#1e5878 !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:#17435d !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 "Inter","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 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) { 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(.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 "Inter","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 "Inter","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; }
#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; }
}
@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; }
}